jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用Bootstrap Multiselect获取所有选定的值并在AJAX中使用它大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 Bootstrap Multiselect,这是我的HTML设置:

<div class="form-group">
    <select class="form-control" id="bldg_type" multiple="multiple">{% for type in buildings %}
        <option value="{{type.bldg_type}}">{{type.bldg_type}}</option>{% endfor %}
    </select>
</div>

我想使用我的查询的选定值,我的Ajax代码的片段:

$.ajax({
    url: "cnt_bldg/",type: "GET",dataType: "JSON",data: {
        'brgy_id': brgy_id,'bldg_type': $('#bldg_type option:selected').val()
    },...

$(‘#bldg_type选项:选中’).val()的问题是我只能获得1个值.对于例如我在我的选择选项中检查市场和警察局,并在我的控制台http://127.0.0.1:8000/cnt_bldg/?brgy_id=All\u0026amp;bldg_type=Market“中查看它.它只获得市场.

如何获取所有值并将其用于查询

顺便说一下,我正在使用Django.我已经阅读了this answer,但我不知道如何在上面的AJAX代码中使用结果.

解决方法

<div class="form-group">
    <select id="multiselect1" class="form-control" id="bldg_type" multiple="multiple">{% for type in buildings %}
        <option value="{{type.bldg_type}}">{{type.bldg_type}}</option>{% endfor %}
    </select>
</div>

在您的选择控件添加Id多选.

在您的javascript中全局声明变量,如下所示:

var selected = [];

将其初始化为[从您提供的答案链接]

$('#multiselect1').multiselect({
    selectAllValue: 'multiselect-all',onChange: function(element,checked) {
        var brands = $('#multiselect1 option:selected');
        $(brands).each(function(index,brand){
            selected.push([$(this).val()]);
        });
    }
});

通过你的ajax发送它.

$.ajax({
    url: "cnt_bldg/",'bldg_type': selected //This will send the values as list of strings
    },...

注 – 在操作接收的值时,请将其作为服务器方法中的字符串列表接受!!

大佬总结

以上是大佬教程为你收集整理的jquery – 如何使用Bootstrap Multiselect获取所有选定的值并在AJAX中使用它全部内容,希望文章能够帮你解决jquery – 如何使用Bootstrap Multiselect获取所有选定的值并在AJAX中使用它所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: