html select按汉字拼音排序

来源：互联网发布：淘宝内存卡便宜编辑：程序博客网时间：2024/05/17 04:49

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<SELECT NAME="citys" id="city">
<option value="1">上海</>
<option value="2">北京</>
<option value="3">济南</>
<option value="4">广州</>
<option value="5">深圳</>
<option value="6">重庆</>
<option value="7">天津</>
<option value="8">南京</>
<option value="9">无锡</>
<option value="10">苏州</>
<option value="11">杭州</>
<option value="12">成都</>
<option value="13">长沙</>
<option value="14">海口</>
<option value="15">香港</>
<option value="16">台北</>
</SELECT>
</BODY>
</HTML>
<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("city");
  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>