lulu ui下拉框选中
文章描述：
lulu ui select下拉框加载和选中功能制作
<select class="select-ui" name="qd">
<option value="1">未签到</option>
<option value="2">已签到</option>
</select>select里面的option值可以是固定，也可以是后台渲染的数据
change事件
$('select').change(function(e) {
console.log('来自下拉框：我变化了');
//console.log(e)
});
加载与选中
id为后台动态数据，这里测试用的是固定数值2
// 加载 select 与 选中
$(function () {
// 显示 lulu select
$('select').selectMatch();
var arr = [];
$('.select-ui option').each(function(){
arr.push($(this).val())
})
console.log(arr)
// 选中值
var id = "2";
console.log(id)
var indexx = 0;
arr.forEach((item, index) => {
// 获取键
if(item.indexOf(id)!=-1){
indexx = index
}
});
console.log(indexx)
// 选中 lulu
var sel = $('.select-ui').prevAll('select');
sel.find('option').eq(indexx).prop('selected', true);
sel.selectMatch();
});
发布时间：2022/12/07
发表评论