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

相关文章

  • Parcel.js + Vue 2.x 极速零配置打包体验教程

    Parcel.js + Vue 2.x 极速零配置打包体验教程

    这篇文章主要介绍了Parcel.js + Vue 2.x 极速零配置打包体验 的相关资料,需要的朋友可以参考下
    2017-12-12
  • 12行javascript代码绘制一个八卦图

    12行javascript代码绘制一个八卦图

    本文给大家分享的是使用有限的代码绘制八卦图,算是考核下自己对于javascript的理解,这里推荐给大家,有需要的小伙伴参考下。
    2015-04-04
  • javascript:;与javascript:void(0)使用介绍

    javascript:;与javascript:void(0)使用介绍

    有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法
    2013-06-06
  • 教你使用webpack打包编译TypeScript代码

    教你使用webpack打包编译TypeScript代码

    TypeScript同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TypeScript,本文分步骤给大家介绍的非常详细,需要的朋友参考下吧
    2021-06-06
  • 用js的document.write输出的广告无阻塞加载的方法

    用js的document.write输出的广告无阻塞加载的方法

    这篇文章主要介绍了用js的document.write输出的广告无阻塞加载的方法,需要的朋友可以参考下
    2014-06-06
  • 网站页面自动跳转实现方法PHP、JSP(上)

    网站页面自动跳转实现方法PHP、JSP(上)

    自动转向,也叫自动重定向。自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页,也可以是其它网站。
    2010-08-08
  • JS原型和原型链原理与用法实例详解

    JS原型和原型链原理与用法实例详解

    这篇文章主要介绍了JS原型和原型链原理与用法,结合实例形式详细分析了js原型和原型链概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
    2020-02-02
  • 纯css实现窗户玻璃雨滴逼真效果

    纯css实现窗户玻璃雨滴逼真效果

    css实现窗户上水珠效果,效果特别逼真,窗外的雨淅淅沥沥飘打在玻璃上,看起来很像模糊的窗外,斜滴的雨露,接下来给大家一起来用CSS技术实现这样一幅画面,下面给大家分享使用纯css实现窗户玻璃雨滴逼真效果,感兴趣的朋友快乐围观吧
    2015-08-08
  • JavaScript实现跟随滚动缓冲运动广告框

    JavaScript实现跟随滚动缓冲运动广告框

    这篇文章主要为大家详细介绍了JavaScript实现跟随滚动缓冲运动广告框,页面左右两边跟随式广告框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 浅谈Web Storage API的使用

    浅谈Web Storage API的使用

    Web Storage为浏览器提供了方便的key value存储,是一种比cookie更加方便简洁的存储方式。也是诸多客户端存储方式中非常常见的一种
    2021-06-06

最新评论