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 相关文章推荐
学习面向对象之面向对象的术语
Nov 30 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
angular多语言配置详解
May 16 Javascript
vue-property-decorator用法详解
Dec 12 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
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
JQuery的ON()方法支持的所有事件罗列
2015/02/28 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
js过滤HTML标签完整实例
2015/11/26 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
2019/05/14 Javascript
Vue快速实现通用表单验证的示例代码
2020/01/09 Javascript
Python内建模块struct实例详解
2018/02/02 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
python监控文件并且发送告警邮件
2018/06/21 Python
Django配置celery(非djcelery)执行异步任务和定时任务
2018/07/16 Python
python发送告警邮件脚本
2018/09/17 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
CSS3 边框效果
2019/11/04 HTML / CSS
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
大学生求职工作的自我评价
2014/02/13 职场文书
建筑安全责任书范本
2014/07/24 职场文书
求职信范文怎么写
2015/03/19 职场文书
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python
Redis基本数据类型List常用操作命令
2022/06/01 Redis
Windows server 2003卸载和安装IIS的图文教程
2022/07/15 Servers