layui select獲取自定義屬性方法
更新時(shí)間：2018年08月15日 14:06:11 作者：小黑雷
今天小編就為大家分享一篇layui select獲取自定義屬性方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
在layui里面給了特定幾個(gè)自定義屬性title
<select name="aa" lay-filter="sadaS"> <option value="">請(qǐng)選擇屬性</option> <option value="1" title="12.32">雪碧</option> <option value="2" title="2.01">芬達(dá)</option> <option value="3" title="34.51">冰糖雪梨</option> <option value="4" title="17.46">金貝</option> </select>
監(jiān)聽select
form.on('select(sadaS)', function(data){ console.log(data.elem); //得到select原始DOM對(duì)象 console.log(data.value); //得到被選中的值 console.log(data.elem[data.elem.selectedIndex].text);
console.log(data.elem[data.elem.selectedIndex].title);
});
另外在select上面呢
在layui里面給了特定幾個(gè)自定義屬性title
<select name="aa" data-aid="where is data-aid" lay-filter="sadaS"> <option value="">請(qǐng)選擇屬性</option> <option value="1" title="12.32">雪碧</option> <option value="2" title="2.01">芬達(dá)</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對(duì)象 console.log(data.value); //得到被選中的值 console.log(data.elem[data.elem.selectedIndex].text); console.log(data.elem[data.elem.selectedIndex].title);});
以上這篇layui select獲取自定義屬性方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
bootstrap實(shí)現(xiàn)tab選項(xiàng)卡切換
這篇文章主要為大家詳細(xì)介紹了bootstrap實(shí)現(xiàn)tab選項(xiàng)卡切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了js如何實(shí)現(xiàn)瀏覽器打印功能，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了TypeScript如何開啟嚴(yán)格空值檢查，文章圍繞TypeScript的相關(guān)資料展開詳情內(nèi)容，需要的小伙伴可以參考一下2022-03-03
你需要知道的TypeScript高級(jí)類型總結(jié)
在開發(fā)過程中，為了應(yīng)對(duì)多變的復(fù)雜場(chǎng)景，我們需要了解一下?TypeScript?的高級(jí)類型。本文就為大家整理了一些需要掌握的TypeScript高級(jí)類型，需要的可以參考一下2022-08-08
到現(xiàn)在，我們就有討論 JavaScript 中的原型和繼承問題的基礎(chǔ)了。它雖然并不像你在 C++、Java 或 C# 中了解的經(jīng)典繼承模式一樣，但這種方式同樣強(qiáng)大，并且有可能會(huì)更加靈活2014-07-07
js canvas實(shí)現(xiàn)寫字動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)寫字動(dòng)畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
Web版彷 Visual Studio 2003 顏色選擇器
Web版彷 Visual Studio 2003 顏色選擇器...2007-01-01
js 目錄對(duì)話框顯示代碼2008-11-11
在網(wǎng)上看到很多人都寫了“webpack最佳實(shí)踐方案”，適合的才是“最佳”的，在這里總結(jié)一下自己在工作過程中總結(jié)出來的最佳實(shí)踐，所以本文主要介紹了關(guān)于webpack配置的相關(guān)資料，需要的朋友們可以參考借鑒，下面來一起看看吧。2017-04-04
輪播圖是我們?nèi)粘ｉ_發(fā)中經(jīng)常會(huì)遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序滾動(dòng)、輪播圖和文本的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08