学无先后,达者为师

网站首页 编程语言 正文

使用layui框架时,select的onchange事件没有生效。

作者:沉、睡 更新时间: 2022-02-02 编程语言

使用layui框架时,select的onchange事件没有生效。

首先,select一定要放在<form class="layui-form" ></form>里面

然后,添加监听<select lay-filter="test"></select>

<form class="layui-form">
    <select lay-filter="test">
        <option value="0">中国</option>
        <option value="1">河北</option>
        <option value="2">保定</option>
    </select>
</form>

layui.use(['form'],function () {
        $ = layui.jquery;
        var form = layui.form;
        //监听选择
        form.on('select(test)', function (data) {
            console.log(data);
            console.log(data.value);
            // form.render('select')//当对dom元素进行操作之后,需要把这一行代码解除注释
        });
});

原文链接:https://blog.csdn.net/zz975896590/article/details/119991102

栏目分类
最近更新