从 Bootstrap 3 selectpicker 中获取选定的值答案

【问题标题】：Get selected value from Bootstrap 3 selectpicker从 Bootstrap 3 selectpicker 中获取选定的值
【发布时间】：2015-05-07 10:41:24
【问题描述】：

我有一个选择，我正在尝试通过使用 selectpicker 类与 bootstrap 3 一起使用。我希望能够从用户选择的选项中获取数据，因此我将jquery onchange 用于我的selectpicker。我非常有信心找到选定的值以及不是来自常规选择的内容，但是当为引导选择器呈现 html 时，它的完成方式有所不同。我的原始选择添加了一个 display: none; 样式，然后它生成一个包含我所有选项的 ssecond div。

这是我在模板中的选择：

        <select id="buildings" class="selectpicker" data-width="80%" data-live-search="true" style="border-radius:0px;" >
            {% for category in building_categories %}
                <optgroup label="{{ category.asBuildingCategory }}">
                    {% for building in buildings %}
                        <option data-content="<span data-latitude='{{building.building.decLatitude}}' data-longitude='{{building.building.decLongitude}}' data-build-id='{{building.building.ixBuilding}}'>{{building.building.asBuilding}}</span>"></option>
                    {% endfor %}
                </optgroup>
            {% endfor %}
        </select>

我必须添加一个data-content，因为引导选择选择器在以自己的方式呈现后不会包含我的自定义数据元素。

现在我已经看到其他人几乎完成了我正在做的事情，只是我的行不通。 Bootstrap-select - how to fire event on change。返回的值只是“”，因为我假设它与我的 select 添加 display: none; 有关

【问题讨论】：

标签： jquery html django twitter-bootstrap

【解决方案1】：

改变这个：

$('.dropdown-menu.inner.selectpicker li').on('click', function () {
});

到这里：

$(document.body).on('click','.dropdown-menu.inner.selectpicker li', function () {
});

显然 jquery 无法绑定到类，因为在绑定时类略有不同。因此，我使用的是正文，然后检查事件是否由我的 li 生成。我会在找到他的帖子后尽快给答案的所有者

【讨论】：