您的位置:首页 > 产品设计 > UI/UE

layui 监听 select下拉选择框

2019-04-22 17:53 691 查看

layui组件,js或jq对其的监听事件会失效,需要代码才能实现:

1.html部分

[code]<select name="category" lay-verify="required" lay-filter="cate">

<option value ="分类1">分类1</option>
​​​​​​​ <option value ="分类2">分类2</option>

</select>

2.js部分

[code]<script src="__PUBLIC__/index/js/layui.js"></script>
<script>
layui.use(['layer', 'laydate', 'form', 'element'],function () {
         var layer = layui.layer, //layer初始化
form = layui.form, //表单初始化
element = layui.element, table = layui.table;            

         form.on('select(cate)', function(obj){
               $('.layui-form').submit();
         });
​​​​​​​})
</script>

注意select小括号里面的值对应,标签属性lay-filter的值‘cate’

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: