要在 layui 中设置下拉框，需要：引入 layui 框架并创建下拉框元素。使用 layui.form 模块渲染下拉框。可进一步设置默认值、禁用状态和事件监听。

如何在 layui 中设置下拉框？

Layui 是一个 JavaScript 框架，提供了丰富的 UI 组件，其中包括下拉框。要在 layui 中设置下拉框，需要使用 layui.form 模块。

步骤：

1. 引入 layui 框架：

   <code class="html"><script src="layui/layui.js"></script></code>

2. 创建下拉框元素：

   

   深蓝色网站后台管理系统layui框架模板-AdminPro

   一款深蓝色网站后台管理系统layui框架模板

   下载

   <code class="html"><select id="my-dropdown"><option value="1">选项 1</option>
   <option value="2">选项 2</option></select></code>

3. 使用 layui.form 模块渲染下拉框：

   <code class="javascript">layui.use('form', function(){
     var form = layui.form;
     form.render('select');
   });</code>

其他设置：

• 设置默认值：使用 value 属性设置下拉框的默认值。例如：

  <code class="html"><select id="my-dropdown" value="2"><option value="1">选项 1</option>
  <option value="2">选项 2</option></select></code>

• 禁用下拉框：使用 disabled 属性禁用下拉框。例如：

  <code class="html"><select id="my-dropdown" disabled><option value="1">选项 1</option>
  <option value="2">选项 2</option></select></code>

• 事件监听：可以使用 change 事件监听下拉框选项改变事件。例如：

  <code class="javascript">layui.use('form', function(){
  var form = layui.form;
  form.on('select(my-dropdown)', function(data){
    console.log(data.value); // 选项值
  });
  });</code>