<div class="layui-form-item"> <label class="layui-form-label">任务名称</label> <div class="layui-input-block"> <input type="taskName" name="taskName" placeholder="请输入任务名称" autocomplete="off" class="layui-input"> </div> </div> 把这个下拉框改成菜单,菜单点一下,还有一个菜单
时间: 2023-12-18 12:02:42 浏览: 68
抱歉,这段代码中并没有下拉框,只有一个文本输入框。不过,如果你想要将文本输入框改为菜单,可以使用 layui 的下拉菜单组件 `select`。示例代码如下:
```
<div class="layui-form-item">
<label class="layui-form-label">任务名称</label>
<div class="layui-input-block">
<select name="taskName" lay-filter="taskName">
<option value="">请选择任务名称</option>
<option value="task1">任务1</option>
<option value="task2">任务2</option>
<option value="task3">任务3</option>
</select>
</div>
</div>
```
需要注意的是,我们给 `select` 组件添加了 `lay-filter` 属性,这个属性的值是一个自定义的名字,用于监听组件的变化。在 JavaScript 中,我们可以通过这个名字来获取选择的值,示例代码如下:
```
layui.use(['form'], function () {
var form = layui.form;
// 监听 select 组件的变化
form.on('select(taskName)', function (data) {
console.log(data.value); // 获取选择的值
});
});
```
在这个示例代码中,我们使用了 layui 的 `form` 模块,并且在 `form.on` 方法中监听了 `select` 组件的变化,当组件的值发生变化时,会触发回调函数,我们在回调函数中通过 `data.value` 来获取选择的值。
阅读全文