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中Ajax 缓存带来的影响的解决方法
May 19 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
vue省市区三联动下拉选择组件的实现
Apr 28 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 Javascript
clipboard.js在移动端复制失败的解决方法
Jun 13 Javascript
layerUI下的绑定事件实例代码
Aug 17 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
微信小程序商品详情页底部弹出框
Nov 22 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 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
Zerg建筑一览
2020/03/14 星际争霸
php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
2010/12/19 PHP
php继承的一个应用
2011/09/06 PHP
深入PHP数据缓存的使用说明
2013/05/10 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
php中HTTP_REFERER函数用法实例
2014/11/21 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
制作特殊字的脚本
2006/06/26 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
JavaScript中reduce()方法的使用详解
2015/06/09 Javascript
js实现分割上传大文件
2016/03/09 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
深入理解Python 代码优化详解
2014/10/27 Python
Python中的包和模块实例
2014/11/22 Python
Python的Flask框架中@app.route的用法教程
2015/03/31 Python
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
html5录音功能实战示例
2019/03/25 HTML / CSS
百联网上商城:i百联
2017/01/28 全球购物
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
英国珠宝和手表专家:Pleasance & Harper
2020/10/21 全球购物
放弃遗产继承公证书
2015/01/26 职场文书