zoukankan      html  css  js  c++  java
  • layui 获取select下拉选项上自定义的属性

    当需要对不同的选项,切换不同的显示时(显示数据由后台接口返回)

    <select name="" id="program" lay-filter="filter">
       <option value="0" info="json string1 or string1">请选择分类</option>
       <option value="1" info="json string2 or string2">linux</option>
    </select>
    

    1. 触发下拉框,监听select选择

    form.on('select(filter)', function(data) {
        console.log(data.elem); //得到select原始DOM对象
        console.log(data.value); //得到被选中的值
        console.log(data.othis); //得到美化后的DOM对象
        //获取自定义属性值
        var info = $(data.elem).find("option:selected").attr("info"); 
    });
    

    2. 未触发(编辑,回显)

    var select = $("#program")[0];
    var info = $(select).find("option:selected").attr("info");
    

    BY:liyy

     

      

  • 相关阅读:
    border-color
    animation
    servlet injection analysis
    事务隔离级别
    write RE validation
    Filter
    Annotation
    Injector
    gradle的安装
    Build tool
  • 原文地址:https://www.cnblogs.com/widgetbox/p/12988171.html
Copyright © 2011-2022 走看看