JavaScript實現(xiàn)對下拉列表值進(jìn)行排序的方法
更新時間:2015年07月15日 11:45:28 作者:不吃皮蛋
這篇文章主要介紹了JavaScript實現(xiàn)對下拉列表值進(jìn)行排序的方法,實例分析了javascript對下拉列表元素的遍歷與排序?qū)崿F(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)對下拉列表值進(jìn)行排序的方法。分享給大家供大家參考。具體如下:
function sortList(id) { var obj = document.getElementById("id"); var values = new Array(); for(var i = 0; i < obj.options.length; i++) { values.push(obj.options[i].innerHTML + "--xx--" + obj.options[i].value); } values = values.sort(); for(var i = 0; i < values.length; i++) { valueArray = values[i].split('--xx--'); obj.options[i].innerHTML = valueArray[0]; obj.options[i].value = valueArray[1]; } }
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- JavaScript實現(xiàn)下拉列表框數(shù)據(jù)增加、刪除、上下排序的方法
- JavaScript實現(xiàn)常用二級省市級聯(lián)下拉列表的方法
- javascript為下拉列表動態(tài)添加數(shù)據(jù)項
- javascript對下拉列表框(select)的操作實例講解
- javascript級聯(lián)下拉列表實例代碼(自寫)
- JavaScript XML實現(xiàn)兩級級聯(lián)下拉列表
- javascript實現(xiàn)樹形菜單的方法
- javascript 樹形導(dǎo)航菜單實例代碼
- 一個簡單的js樹形菜單
- javascript實現(xiàn)在下拉列表中顯示多級樹形菜單的方法
相關(guān)文章
Javascript 鼠標(biāo)移動上去小三角形滑塊緩慢跟隨效果
一個tab選項卡,當(dāng)鼠標(biāo)移動上去時紅色滑塊跟隨,在布局過程中經(jīng)常會使用到,本文提供了詳細(xì)的實現(xiàn)代碼,感興趣的朋友可以參考下2013-04-04JS面向?qū)ο蟮某绦蛟O(shè)計相關(guān)知識小結(jié)
這篇文章主要介紹了JS面向?qū)ο蟮某绦蛟O(shè)計,現(xiàn)在很多代碼都是基于面向?qū)ο髮崿F(xiàn),需要的朋友可以參考下2018-05-05原生JS實現(xiàn)移動端web輪播圖詳解(結(jié)合Tween算法造輪子)
在做移動端開發(fā)的時候,必不可少的是輪播圖,下面這篇文章主要給大家介紹了關(guān)于利用純JS實現(xiàn)移動端web輪播圖的相關(guān)資料,重要的是結(jié)合Tween算法造輪子,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-09-09從JavaScript純函數(shù)解析最深刻的函子 Monad實例
這篇文章主要為大家介紹了從JavaScript純函數(shù)解析最深刻的函子 Monad實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10深入理解JavaScript系列(6):S.O.L.I.D五大原則之單一職責(zé)SRP
Bob大叔提出并發(fā)揚了S.O.L.I.D五大原則,用來更好地進(jìn)行面向?qū)ο缶幊?/div> 2012-01-01最新評論