动态生成option
let _html = ' '; for (const item of data) { //data-xxx为自定属性 _html += `<option class="" data-disporder="${item.disporder}" data-id="${item.id}" data-type="${type}">${item.name}</option>`; } $("#courseType").append(_html); //动态追加之后需要渲染一下 form.render("select");//或者 form.render()渲染（动态添加opotion后）
//刷新select选择框渲染 form.render('select'); //刷新lay-filter="test"内select选择框渲染 form.render('select','test0);获取指定option的所有属性值
//获取第一个option的value //通过js document.querySelector("#courseType").options[0].value; //通过jq $('#selects option:first').val(); $('#selects option:eq(0)').val(); $('#selects option').eq(0).val(); //获取第一个option的data-xxx的值 //第x个是eq(x) let dataJson = $("#courseType option").eq(0)[0].dataset; // dataJson { disporder: "0", id: "1", type: "yes" } let disporder = $("#courseType option").eq(0)[0].dataset.disporder;//"0"监听下拉事件
form.on('select(courseType)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 });获取当前selected的值
form.on('select(courseType)', function (data) { console.log(data.value); //得到被选中的value console.log(data.elem[data.elem.selectedIndex].id)//自定义的id console.log(data.elem[data.elem.selectedIndex].dataset.type)//自定义的type });默认选中某项
//1. 给option加上selected属性 <option selected></option>; //2.直接给select赋值，然后重新渲染选择框：默认选中第x个 $("#courseType").val($('#courseType option').eq(x).val()) form.render("select");