layui select option 获取自定义属性方法

select option 默认只有value属性 传值不够用

在layui里面支持属性 title

<select name="dinrk" lay-filter="companyList">
 
    <option value="">请选择</option>
 
    <option value="1" title="12.32">雪碧</option>
 
    <option value="2" title="2.01">芬达</option>
 
    <option value="3" title="34.51">冰糖雪梨</option>
 
    <option value="4" title="17.46">金贝</option>
 
</select>




<script>
//Demo
layui.use('form', function(){
  var form = layui.form;
  
form.on('select(companyList)', function(data){ 
 
    console.log(data.elem); //得到select原始DOM对象     
    console.log(data.value); //得到被选中的值             
    console.log(data.elem[data.elem.selectedIndex].text); //option的内容
    console.log(data.elem[data.elem.selectedIndex].title); //option的title
 
});
});
</script>


评论