现在步入正题,看到书中讲Form元素的操作,像Textbox、Button、Label等,都还是比较简单的,只是看到Select时,稍微有些复 杂,于是就想仔细研究研究,于是就有了这篇文章。Select的操作包括动态添加、删除、移动、获取选中项的值、排序等等,现在一一讲述。
1、向Select里添加Option






2、删除Select里的Option

















3、移动Select里的Option到另一个Select中

















4、Select里Option的上下移动

















































5、Select里Option的排序
这里借助Array对象的sort方法进行操作,sort方法接受一个function参数,可以在这个function里定义排序时使用的算法逻辑。array.sort([compareFunction]) 里compareFunction接受两个参数(p1,p2),sort操作进行时,array对象会每次传两个值进去,进行比较; compareFunciton必须返回一个整数值:当返回值>0时,p1会排在p2后面;返回值<0时,p1会排在p2前面;返回值=0 时,不进行操作。
例如:


























































排序时还可以有更多选项,比如将value值看做Integer或是String进行排序,得到的结果是不一样的。篇幅限制,不在多做介绍。
我将这些所有的操作都写在了一个文件里,运行的效果如图(点击看大图)

有兴趣的朋友可以下载来看看,里面还设计div+css排版等。
Download
============================================================
终于写完了,洗洗睡
注:该文转自茉莉先生的 Javascript - Select操作大集合(http://www.cnblogs.com/shanteng/archive/2008/04/25/1170213.html)