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 相关文章推荐
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
jquery制作LED 时钟特效
Feb 01 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
Bootstrap每天必学之弹出框(Popover)插件
Apr 25 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
Bootstrap框架安装使用详解
Jan 21 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
Angular angular-file-upload文件上传的示例代码
Aug 23 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
JS实现随机抽取三人
Nov 06 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
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实现今天是星期几的几种写法
2013/09/26 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
node.js中的path.resolve方法使用说明
2014/12/08 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
JavaScript实现页面定时刷新(定时器,meta)
2016/10/12 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
jquery插件锦集【推荐】
2016/12/16 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
python实现定时自动备份文件到其他主机的实例代码
2018/02/23 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
Python中有几个关键字
2020/06/04 Python
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
副总经理工作职责
2013/11/28 职场文书
委托书范文
2014/04/02 职场文书
桥梁工程专业求职信
2014/04/21 职场文书
医院护士工作检讨书
2014/10/26 职场文书
大学生实习推荐信
2015/03/27 职场文书
员工规章制度范本
2015/08/07 职场文书
2016年安全月活动总结
2016/04/06 职场文书
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技