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>
監(jiān)聽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獲取自定義屬性方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了bootstrap實現(xiàn)tab選項卡切換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了js如何實現(xiàn)瀏覽器打印功能，文中示例代碼非常詳細，幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了TypeScript如何開啟嚴格空值檢查，文章圍繞TypeScript的相關(guān)資料展開詳情內(nèi)容，需要的小伙伴可以參考一下2022-03-03
在開發(fā)過程中，為了應(yīng)對多變的復雜場景，我們需要了解一下?TypeScript?的高級類型。本文就為大家整理了一些需要掌握的TypeScript高級類型，需要的可以參考一下2022-08-08
到現(xiàn)在，我們就有討論 JavaScript 中的原型和繼承問題的基礎(chǔ)了。它雖然并不像你在 C++、Java 或 C# 中了解的經(jīng)典繼承模式一樣，但這種方式同樣強大，并且有可能會更加靈活2014-07-07
這篇文章主要為大家詳細介紹了js canvas實現(xiàn)寫字動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
Web版彷 Visual Studio 2003 顏色選擇器
Web版彷 Visual Studio 2003 顏色選擇器...2007-01-01
js 目錄對話框顯示代碼2008-11-11
在網(wǎng)上看到很多人都寫了“webpack最佳實踐方案”，適合的才是“最佳”的，在這里總結(jié)一下自己在工作過程中總結(jié)出來的最佳實踐，所以本文主要介紹了關(guān)于webpack配置的相關(guān)資料，需要的朋友們可以參考借鑒，下面來一起看看吧。2017-04-04
輪播圖是我們?nèi)粘ｉ_發(fā)中經(jīng)常會遇到的一個需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序滾動、輪播圖和文本的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08