У меня есть выбор, который я пытаюсь использовать с bootstrap 3, используя класс selectpicker
. Я хочу иметь возможность получить данные из опции, которую пользователь выбирает, поэтому я использую jquery onchange
для моего selectpicker
. Я довольно уверен в поиске выбранного значения и не из обычного выбора, но когда html получает визуализацию для selectpicker bootstrap, это делается по-другому. Мой оригинальный выбор получает добавленный стиль display: none;
, а затем генерирует ssecond div, содержащий все мои элементы. Получить выбранное значение из Bootstrap 3 selectpicker
Вот мой выбор в моем шаблоне:
<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
так самозагрузки selectpicker не будет иметь свои элементы пользовательских данных после того, как он вынес собственный путь.
Теперь я видел, как кто-то еще сделал многое, что я делаю, кроме моего, просто не сработает. Bootstrap-select - how to fire event on change. Возвращаемое значение просто «», потому что я предполагаю, что это что-то делать с моим select
получение display: none;
добавил