需求:通过layui下拉框点击事件切换数据;
过程:开始想的是用onchange监听数据变化和手动写了下拉dl dd的click点击事件,但是没生效;
解决:在网上找到一篇文章layui 下拉框select 监听值,通过该案例成功解决;
代码:
<select name="start" id="start" lay-filter="name" lay-search="">
<option value="">直接选择或搜索选择</option>
<option value="1">标题一</option>
<option value="2">标题二</option>
</select>
<script type="text/javascript">
layui.use(['layer', 'jquery', 'form'], function () {
var layer = layui.layer,
$ = layui.jquery,
form = layui.form;
//这儿监听上面列表点击操作
form.on('select(name)', function(data) {
var datatitle = data.value;
// 创建对象字段
console.log(data.value);
});
});
</script>