Layui 下拉框Select onchange事件监听

最新推荐文章于 2024-08-20 15:50:34 发布

不想写代码的小田

最新推荐文章于 2024-08-20 15:50:34 发布

阅读量9w

点赞数 2

分类专栏：前端#Layui 文章标签： javascript layui jquery

本文链接：https://blog.csdn.net/weixin_40195422/article/details/109519509

版权

前端#Layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>

....

            <div class="layui-input-block">
                <select name="productId" lay-verify="required" lay-search id="productSelect" lay-filter="productSelectChange">
                    <option value="-1">请选择产品</option>
                    <option value="-2">其他的option我在js中动态渲染</option>
                </select>
            </div>

....

<script>
    layui.use(....

        form.on('select(productSelectChange)', function(data){
            //获取值
            var val=data.value;
            //获取选项文本
            var name=data.elem[data.elem.selectedIndex].text;
            console.info(val);
            console.info(name);
        });
     });
....
</html>