layui下拉框jQuery动态修改选中并展示

在Layui框架中，下拉框（select）的数据可以通过jQuery动态修改并设置为选中状态。以下是一个简单的例子：

HTML部分：




<select id="mySelect" lay-filter="mySelect">
  <option value="0">选项1</option>
  <option value="1">选项2</option>
  <option value="2">选项3</option>
</select>

jQuery部分：




// 假设我们要设置选中值为1的选项
var selectedValue = 1;
 
// 使用jQuery更新下拉框选中值
$("#mySelect").val(selectedValue);
 
// 触发下拉框的 change 事件来更新显示
form.render('select'); // 需要引入layui的form模块

确保在使用jQuery更新下拉框值后，调用form.render('select')来更新Layui的下拉框显示。如果你的页面中只有一个下拉框，也可以直接使用form.render()不传参数。

layui下拉框jQuery动态修改选中并展示

评论已关闭

推荐阅读