排序Select中Option项的一个示例

原创 2004年06月04日 11:08:00

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

 

jquery 控制 multiple select 所有选择 且 排序

New Document $(function() { $("#add").click(function(){ $("#first option:selecte...
  • fgyibupi
  • fgyibupi
  • 2013年07月09日 17:46
  • 1369

jQuery操作SelectOption上下移动

完整版见https://jadyer.github.io/2013/11/18/jquery-select-option/
  • jadyer
  • jadyer
  • 2013年11月18日 14:18
  • 2158

SELECT查询结果排序

1.排序数据使用SELECT 的order by子句可以对查询结果进行排序。 确保ORDER BY子句在SELECT语句的最后,否则会出现错误。 示例:查询产品名称并以字母顺序排序:mysql> ...
  • napoay
  • napoay
  • 2016年03月05日 17:16
  • 6588

页select中如何实现选择option其中一个选项,显示相关的内容

  • 2017年12月27日 13:16
  • 12KB
  • 下载

select option 清空示例

$(function(){      $("#button").click(function(){             var form=$("#registerform");       ...
  • JesseCary
  • JesseCary
  • 2016年12月21日 11:25
  • 719

js 对 select 中的 option 进行中文排序问题

function sortOptions(oSel) { var ln = oSel.options.length ; var txt = new Array() ; var val = new...
  • u012099869
  • u012099869
  • 2014年07月31日 15:44
  • 689

JavaScript获取select元素下的每一个option

form.html
  • cckevincyh
  • cckevincyh
  • 2016年11月10日 16:35
  • 1946

一般操作需要导入的jquery包(jquery.js包)和 jquery操作select下拉列表(取值及设置选中某一个option)

引入jquery的基本包 head部分:页面加载时,执行的js $(document).ready(function () { var currentDate =...
  • buster2014
  • buster2014
  • 2015年01月24日 15:42
  • 2562

select中选择option其中一个选项,显示相关的内容

图片: 代码: 无标题文档 .hide{ display:none; } $(function(){ $('selec...
  • wangxiaohui6687
  • wangxiaohui6687
  • 2013年03月06日 16:00
  • 9037

Js选择框脚本 移动操作select 标签中的 option 项的操作事项

题目:在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。如下:在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。 此问题需用到选择...
  • sweetllh
  • sweetllh
  • 2017年04月24日 21:39
  • 310
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:排序Select中Option项的一个示例
举报原因:
原因补充:

(最多只允许输入30个字)