JS 将select options 排序

最新推荐文章于 2024-07-05 10:02:45 发布

iteye_18358

最新推荐文章于 2024-07-05 10:02:45 发布

阅读量400

点赞数

文章标签： J# JavaScript HTML ViewUI

<html>
<body>
<select name="selectedEmps" multiple="multiple" size="20" style="width:100px;">
<option value="64">刘2</option>
<option value="65">吴</option>
<option value="66">邹</option>
<option value="67">卢</option>
<option value="68">许</option>
<option value="69">刘1</option>
<option value="70">郭</option>
<option value="71">王</option>
<option value="72">武</option>
<option value="73">柳</option>
<option value="74">常</option>
<option value="75">罗</option>
<option value="76">刘</option>
<option value="77">葛</option>
<option value="78">潘</option>
<option value="79">袁</option>
<option value="80">徐</option>
<option value="81">蔡</option>
<option value="82">周</option>
<option value="83">熊</option>
</select>
<SCRIPT LANGUAGE="JavaScript">
function sortRule(a,b) {
var x = a._text;
var y = b._text;
return x.localeCompare(y);
}
function op(){
var _value;
var _text;
}
function sortOption(){
var obj = document.getElementById("selectedEmps");
var tmp = new Array();
for(var i=0;i<obj.options.length;i++){
  var ops = new op();
  ops._value = obj.options[i].value;
  ops._text = obj.options[i].text;
  tmp.push(ops);
}
tmp.sort(sortRule);
for(var j=0;j<tmp.length;j++){
  obj.options[j].value = tmp[j]._value;
  obj.options[j].text = tmp[j]._text;
}
}
sortOption();
</SCRIPT>
</body>
</html>