熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

排序Select中Option項的一個示例

2022-06-13   來源: JSP教程 

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

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



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

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

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

  }

  arrsort(); // 開始排序

  // 清空Select中全部Option

  while (ln)
{
  oSeloptions[ln] = null;
}

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

  for (i = ; i < arrlength; i++)
{
  oSeladd (new Option(arr[i] arr[i]));
}
}
</script>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19332.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.