JavaScript實現(xiàn)對下拉列表值進行排序的方法

更新時間：2015年07月15日 11:45:28 作者：不吃皮蛋

這篇文章主要介紹了JavaScript實現(xiàn)對下拉列表值進行排序的方法,實例分析了javascript對下拉列表元素的遍歷與排序?qū)崿F(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JavaScript實現(xià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程序設計有所幫助。

您可能感興趣的文章:

徹底搞懂JS無縫滾動代碼
徹底搞懂JS無縫滾動代碼...
2007-01-01
基于JavaScript實現(xiàn)本地圖片預覽
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)本地圖片預覽的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
淺析JS中對函數(shù)function的理解(基礎篇)
我們知道，在js中，函數(shù)實際上是一個對象，每個函數(shù)都是Function類型的實例，并且都與其他引用類型一樣具有屬性和方法。下面給大家談下對JS中函數(shù)function的理解，一起看看吧
2016-10-10
效果直逼flash的Div+Css+Js菜單
效果直逼flash的Div+Css+Js菜單...
2007-05-05
JS之判斷是否為對象或數(shù)組的幾種方式總結(jié)
這篇文章主要介紹了JS之判斷是否為對象或數(shù)組的幾種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04
JavaScript常用的返回，自動跳轉(zhuǎn)，刷新，關閉語句匯總
這篇文章主要介紹了JavaScript常用的返回，自動跳轉(zhuǎn)，刷新，關閉語句,實例匯總了常用的javascript技巧,非常具有實用價值,需要的朋友可以參考下
2015-01-01
前端在WebSocket中加入Token的解決方式
這篇文章主要給大家介紹了關于前端在WebSocket中加入Token的解決方式,文中提供了3種解決方法,對大家學習或者使用WebSocket具有一定的參考借鑒價值,需要的朋友可以參考下
2023-10-10
深入理解JavaScript系列（28）：設計模式之工廠模式詳解
這篇文章主要介紹了深入理解JavaScript系列（28）：設計模式之工廠模式詳解,工廠模式定義一個用于創(chuàng)建對象的接口,這個接口由子類決定實例化哪一個類,需要的朋友可以參考下
2015-03-03
javascript 獲取圖片尺寸及放大圖片
獲取圖片尺寸(不設置寬高)及放大圖片：利用了IE的私有屬性防止圖片放大失真嚴重！感興趣的朋友可以參考下
2013-09-09
javascript實現(xiàn)倒計時小案例
這篇文章主要為大家詳細介紹了javascript實現(xiàn)倒計時小案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07