剑轩

Layui Select添加选择事件,Layui 下拉列表

电脑版发表于:2019/1/18 21:35


html

<select name="label" id="atype" lay-filter="atype">
          <option value="a">原创</option>
          <option value="b">转载</option>
          <option value="c">翻译</option>
 </select>

lay-filter是layui提供的一种选择器


JS

  layui.use("form", function () {

            //获取layui操作form相关的对象
            var form = layui.form;
            //获取layui关联的jquery对象
            $ = layui.jquery;

            form.on('select(atype)', function (data) {
                console.log(data.elem); //得到select原始DOM对象
                alert(data.value); //得到被选中的值
                console.log(data.othis); //得到美化后的DOM对象
            });

        });

"select(atype)"其中的atype就是一个选择器可以找到对应的元素。lay-filter="atype"





关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢