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

时间：2022-12-07 09:37:33|栏目：JavaScript代码|点击：次

<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需再刷新一下页面才能执行]

上一篇：js运动动画的八个知识点

栏目：JavaScript代码

下一篇：JS 面向对象之继承---多种组合继承详解

本文标题：javascript select options 排序(保持option 对象完整性)

本文地址：http://www.codeinn.net/misctech/220779.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程