我需要在<li>
上获取属性值,我使用以下插件:
可搜索的多选下拉插件与jQuery - Dropdown.js
当对ul li进行所有更改时,如何获取每个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'
})
插件将我的<option>
更改为<li>
后呈现的HTML
<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>
提前致谢
初始化下拉列表时使用choice
回调选项:
$('.demo').dropdown({
multipleMode: 'label',
choice: function () {
$('.demo').find(':selected').each(function( index ) {
console.log( index + ": " + $( this ).text() );
});
}
});