javascript select options 排序(保持option 对象完整性)

更新时间：2010年03月10日 16:27:25 作者：

select options 排序(保持option 对象完整性)

<html>     <head></head>     <script>         function addOption(object, object2) {             each(object2, function(o, index) {                 object.options[index] = o;             })         }         function sortlist(sortName,isDesc) {             var what = document.getElementById(sortName);             this._options = map(what.options, function(o) {                 return o;             });             this._options.sort( function(a, b) {                 if (a.text > b.text) {                     return isDesc == true ? 1 : -1;                 } else {                     return isDesc == true ? -1 : 1;                 }             });             what.options.length = 0;// clear current options             addOption(what, this._options);         }         function map(object, callback, thisp) {             var ret = [];             each.call(thisp, object, function() {                 ret.push(callback.apply(thisp, arguments));             });             return ret;         }         function each(object, callback) {             if (undefined === object.length) {                 for ( var name in object) {                     if (false === callback(object[name], name, object))                         break;                 }             } else {                 for ( var i = 0, len = object.length; i < len; i++) {                     if (i in object) {                         if (false === callback(object[i], i, object))                             break;                     }                 }             }         }         var sOrder = true;         function sort(){                     if(sOrder){                 sOrder    = false;             }else{                 sOrder    = true;             }             sortlist("select1",sOrder);         }     </script>     <body>         <select id="select1" size=6>             <option>111</option>             <option>333</option>             <option>444</option>             <option>222</option>             <option>333</option>         </select>         <input type=button value="sort" onclick="sort();"> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript radio list的实现细节(多浏览器兼容)
非常不错的radio list的效果实现代码
2008-12-12
在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题
在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题...
2007-01-01
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[...
2006-12-12
javascript radio值获取代码
好多情况下，我们需要用js获取radio的值，下面是具体的实现方法，大家可以测试下。
2009-03-03
快速判断某个值是否在select中的方法
快速判断某个值是否在select中的方法...
2006-09-09
javascript类型File的Input按钮功能研究
在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。
2008-09-09
js select多选列表传值代码
select多选列表传值，主要是读取选中的值，然后传递到对面的select中，每个功能都是独立的代码。
2009-12-12
javascript下兼容firefox选取textarea文本的代码
兼容firefox和ie的选取textarea文本的方法
2008-06-06
js番茄的表单验证类
这个验证类的完成有很长时间了，一直没有分享给大家使用了这么长时间之后感觉挺顺手，用于一些不需要特殊效果的表单验证个人认为已经足够了，还是挺好用的
2008-07-07
比较简单的javascript实现input双击后可以编辑
比较简单的javascript实现input双击后可以编辑...
2007-08-08