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>
下面的示例演示了一个按升序排序的select
无忧站长学院,建站自然无忧www.5ucms.org
上一篇:5ucms模版,可编辑的 HTML JavaScript 表格控件 DataGrid II 下一篇:5ucms培训,在网页中控制wmplayer播放器 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms插件,排序Select中Option项的一个示例的关键词: |