列表框中的数据实现排序显示(页 1) - JavaScript论坛

sprking 发表于 2008-3-14 16:39

列表框中的数据实现排序显示

在一个页面中有一个列表框想通过点击提交按钮实现列表框中的数据升序或降序排序
如何实现呢?

编程之星 发表于 2008-3-23 02:08

用一个比较简单的方法来实现你想要的效果吧，这里没有用到数据结构的一些排序算法（例如：插入排序，冒泡排序等等），而只是仅仅用到JAVASCRIPT里面数组对象的sort()方法进行排序。如果想要了解用数据结构里面的排序算法来实现，请跟帖说明。
下面是源代码：
[color=Blue]<script>
//******* written by 编程之星 -- 2008.3.23 凌晨 ********
function order()
{
  function orderfunction1(a,b) //升序函数
  {
   return a-b;
  }
  function orderfunction2(a,b) //降序函数
  {
   return b-a;
  }
  var options=new Array();
  for(i=0;i<choose.length;i++)
  {
options.push(choose.options[i].value);
  }
  options.sort(orderfunction1); //用数组的排序方法sort()调用升序函数
  for(i=0;i<options.length;i++)
  {
document.write(options[i]);
  }
}
</script>
<body>
<select id="choose">
<option value=5>5
<option value=3>3
<option value=4>4
<option value=1>1
<option value=2>2
</select>
<button onclick=order()>升序显示</button>
</body>[/color]

[[it] 本帖最后由编程之星于 2008-3-23 02:12 编辑 [/it]]

寂寞的刺猬 发表于 2008-3-23 14:50

列表框的数据不是有text跟value吗？可以在其中一个设置成排序标志。然后根据一定条件进行排序。

页: [1]