<script type="text/javascript">
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript">
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
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(); // 开始排序
while (ln--)
{
oSel.Options[ln] = null;
}
for (i = 0; i < arr.length; i++)
{
oSel.add (new Option(arr[i], arr[i]));
}
}
</script>
< Select id=sort_test> < Option value=bathroom Selected>bathroom Option> < Option value=article>article Option> < Option value=bath>bath Option> < Option value=art>art Option> < Option value=CuteHtml>cuteHtml Option> < Option value=cute>cute Option> Select> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript">
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>