排序Select中Option項的一個示例

Form中的Select控件不支持對選擇項(Option）的排序，下面我將對Option中value屬性值進行排序，並調整每個Option排序後的位置，具體代碼如下（這裡假設每個Option中的value與其中的text內容相同）：

  該函數運用了Array（數組）對象的排序(sort)方法，實現了Select排序。

function sortMe(oSel){
var ln = oSel.options.length;
var arr = new Array(); // 這是關鍵部分

// 將select中的所有option的value值將保存在Array中
for (var i = 0; i < ln; i++)
{

  // 如果需要對option中的文本排序，可以改為arr[i] = oSel.options[i].text;
  arr[i] = oSel.options[i].value;

}

arr.sort(); // 開始排序

// 清空Select中全部Option

while (ln--)
{
  oSel.options[ln] = null;
}

// 將排序後的數組重新添加到Select中

for (i = 0; i < arr.length; i++)
{
  oSel.add (new Option(arr[i], arr[i]));
}
}
</script>