从Bootstrap 3 selectpicker中获取选定的值

Question

我使用selectpicker类有一个我想用于bootstrap 3的选择。我希望能够从用户选择的选项中获取数据，因此我使用jquery onchange作为selectpicker。我非常有信心找到所选的值，而不是常规选择，但是当html被渲染为bootstrap selectpicker时，它的完成方式不同。我的原始选择添加了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 selectpicker在以自己的方式呈现后不会有我的自定义数据元素。

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

Answer 1

更改此内容：

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

到此：

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

显然jquery无法绑定到类，因为在绑定类时略有不同。因此，我使用正文然后检查我的李是否正在生成事件。一找到他的帖子就会给答案主人