jquery - 如何使用 Bootstrap Multiselect 获取所有选定值并在 AJAX 中使用它

Question

我正在使用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 option:selected').val() 的问题是我只能获取 1 个值。例如我在选择选项中检查了市场和警察局，并在控制台中查看了http://127.0.0.1:8000/cnt_bldg/?brgy_id=All&bldg_type =Market"。它只获取Market。

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

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

Answer 1

你尝试过简单的

$('#bldg_type').val()

它适用于我的 bootstrap-multiselect。