欢迎来到 黑吧安全网 聚焦网络安全前沿资讯,精华内容,交流技术心得!

排序Select中Option项的一个示例

来源:本站整理 作者:佚名 时间:2014-06-03 TAG: 我要投稿

 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>
【声明】:黑吧安全网(http://www.myhack58.com)登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规。如有问题请联系我们,联系邮箱admin@myhack58.com,我们会在最短的时间内进行处理。
  • 最新更新
    • 相关阅读
      • 本类热门
        • 最近下载