Как я могу получить значение атрибута?
Мне нужно получить значение атрибута <li>, я использую следующий плагин:
Плагин раскрывающегося списка с множественным выбором и возможностью поиска с помощью jQuery — Dropdown.js
Как я могу получить значение атрибута каждого li, когда все меняется на ul li?
Вот HTML:
<option value = "D12320010">MV/LV Fault Recovery</option>
<option value = "2">a</option>
<option value = "3">a1</option>
<option value = "4">dfg</option>
<option value = "5">sdsdf</option>
<option value = "6">a8</option>
JS:
$('.demo').dropdown({
multipleMode: 'label'
})
HTML отображается после того, как плагин меняет мой <option> на <li>
<div class = "dropdown-main">
<ul>
<li tabindex = "0" data-value = "D12320010" class = "dropdown-option ">MV/LV Fault Recovery</li>
<li tabindex = "0" data-value = "2" class = "dropdown-option ">a</li>
<li tabindex = "0" data-value = "3" class = "dropdown-option ">a1</li>
<li tabindex = "0" data-value = "4" class = "dropdown-option ">dfg</li>
<li tabindex = "0" data-value = "5" class = "dropdown-option ">sdsdf</li>
<li tabindex = "0" data-value = "6" class = "dropdown-option ">a8</li>
</ul>
</div>
заранее спасибо
используя вышеупомянутый плагин, он меняет мой <option> на <li>
@Cid Смотри, отредактировано
Как обычно $( ".target" ).change(function() { alert("Вызван обработчик .change()." ); });
@VipinKumarSoni Не работает, я думаю, потому что по умолчанию у него нет <li> .. По умолчанию выбираются и параметры, затем они меняются на ul и li
Можете ли вы создать фрагмент или поэкспериментировать с этим плагином, чтобы мы могли протестировать и отладить, чтобы попытаться помочь?
@CalvinNunes В двух словах мне нужно знать, как я могу написать свой собственный код после привязки библиотечной функции: $('.demo').dropdown({multiMode: 'label' })
Итак, мой код будет работать после успешного связывания библиотечной функции.
Я нашел там обратный вызов «choice»: $('.demo').dropdown({multiMode: 'label', selection: function () { } }); jqueryscript.net/form/…
Я понял ваш вопрос, я просто прошу фрагмент или скрипку
@CalvinNunes, пожалуйста, найдите ссылку jsfiddle.net/Umair45/z7tvhogn
@VipinKumarSoni все еще не получает желаемого, вы также можете проверить ссылку на скрипку. Буду благодарен за помощь!
в предоставленной вами ссылке нет загруженной библиотеки, поэтому я не могу воспроизвести, пожалуйста, добавьте библиотеки, которые вы используете (jquery и раскрывающийся список), тогда я действительно смогу воспроизвести и отладить
Первый пример здесь: jqueryscript.net/demo/Searchable-Multi-select-jQuery-Dropdown не имеет онлайн-ссылок библиотек
Ответы 1
Используйте опцию обратного вызова choice при инициализации раскрывающегося списка:
$('.demo').dropdown({
multipleMode: 'label',
choice: function () {
$('.demo').find(':selected').each(function( index ) {
console.info( index + ": " + $( this ).text() );
});
}
});
В вашем примере нет
li