从Bootstrap 3 selectpicker获取选定值

Question

以下是我在模板中的选择：

        <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>

我必须添加一个数据内容，因为引导选择器在以自己的方式呈现后将不会有我的自定义数据元素。

现在我看到其他人做了我正在做的事情，除了我的不起作用。引导选择-如何在更改时触发事件。返回的值仅为“”，因为我假设它与我的select获取显示：无有关 已添加




Answer 1

改变这一点：

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

为此：

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

显然，jQuery无法绑定到类，因为在绑定时，类略有不同。因此，我使用body，然后检查事件是否由我的li生成。我一找到他的帖子就会告诉他答案