layui select获取自定义属性方法

 更新时间:2018年08月15日 14:06:11   作者:小黑雷  
今天小编就为大家分享一篇layui select获取自定义属性方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

在layui里面给了特定几个自定义属性title

<select name="aa" lay-filter="sadaS">

<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>

监听select

form.on('select(sadaS)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.elem[data.elem.selectedIndex].text);
 console.log(data.elem[data.elem.selectedIndex].title);

});

另外在select上面呢

在layui里面给了特定几个自定义属性title

<select name="aa" data-aid="where is data-aid" lay-filter="sadaS">

<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>
form.on('select(sadaS)', function(data){ console.log(data.elem.getAttribute(data-aid)); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.elem[data.elem.selectedIndex].text); console.log(data.elem[data.elem.selectedIndex].title);}); 

以上这篇layui select获取自定义属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • bootstrap实现tab选项卡切换

    bootstrap实现tab选项卡切换

    这篇文章主要为大家详细介绍了bootstrap实现tab选项卡切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • js实现浏览器打印功能的示例代码

    js实现浏览器打印功能的示例代码

    这篇文章主要介绍了js如何实现浏览器打印功能,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • TypeScript如何开启严格空值检查

    TypeScript如何开启严格空值检查

    这篇文章主要介绍了TypeScript如何开启严格空值检查,文章围绕TypeScript的相关资料展开详情内容,需要的小伙伴可以参考一下
    2022-03-03
  • 你需要知道的TypeScript高级类型总结

    你需要知道的TypeScript高级类型总结

    在开发过程中,为了应对多变的复杂场景,我们需要了解一下 TypeScript 的高级类型。本文就为大家整理了一些需要掌握的TypeScript高级类型,需要的可以参考一下
    2022-08-08
  • JavaScript中的原型和继承详解(图文)

    JavaScript中的原型和继承详解(图文)

    到现在,我们就有讨论 JavaScript 中的原型和继承问题的基础了。它虽然并不像你在 C++、Java 或 C# 中了解的经典继承模式一样,但这种方式同样强大,并且有可能会更加灵活
    2014-07-07
  • js canvas实现写字动画效果

    js canvas实现写字动画效果

    这篇文章主要为大家详细介绍了js canvas实现写字动画效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Web版彷 Visual Studio 2003 颜色选择器

    Web版彷 Visual Studio 2003 颜色选择器

    Web版彷 Visual Studio 2003 颜色选择器...
    2007-01-01
  • javascript显示选择目录对话框的代码

    javascript显示选择目录对话框的代码

    js 目录对话框显示代码
    2008-11-11
  • webpack配置的最佳实践分享

    webpack配置的最佳实践分享

    在网上看到很多人都写了“webpack最佳实践方案”,适合的才是“最佳”的,在这里总结一下自己在工作过程中总结出来的最佳实践,所以本文主要介绍了关于webpack配置的相关资料,需要的朋友们可以参考借鉴,下面来一起看看吧。
    2017-04-04
  • 微信小程序滚动、轮播图和文本实例详解

    微信小程序滚动、轮播图和文本实例详解

    轮播图是我们日常开发中经常会遇到的一个需求,下面这篇文章主要给大家介绍了关于微信小程序滚动、轮播图和文本的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08

最新评论