layui select获取自定义属性方法


Posted in Javascript onAugust 15, 2018

在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获取自定义属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery tab标签页的制作
May 10 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
javascript入门之string对象【新手必看】
Nov 22 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
Nov 15 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
three.js 制作动态二维码的示例代码
Jul 31 Javascript
Vue自定义toast组件的实例代码
Aug 15 #Javascript
JavaScript中set与get方法用法示例
Aug 15 #Javascript
基于JavaScript实现瀑布流布局
Aug 15 #Javascript
解决Layui 表单提交数据为空的问题
Aug 15 #Javascript
jQuery轮播图实例详解
Aug 15 #jQuery
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 #Javascript
对layui中表单元素的使用详解
Aug 15 #Javascript
You might like
php数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
Laravel框架创建路由的方法详解
2019/09/04 PHP
常用的javascript function代码
2008/05/23 Javascript
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
2011/09/13 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
js实现下一页页码效果
2017/03/07 Javascript
浅谈js的解析顺序 作用域 严格模式
2017/10/23 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
2020/11/16 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
自己使用总结Python程序代码片段
2015/06/02 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
python 读取文件并替换字段的实例
2018/07/12 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
python 两种方法修改文件的创建时间、修改时间、访问时间
2020/09/26 Python
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
英语自我介绍演讲稿
2014/09/01 职场文书
商业门面租房协议书
2014/11/25 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
2015年重阳节主持词
2015/07/04 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书