javascriptselectoptions排序(保持option对象完整性)_表单特效

来源：懂视网责编：小采时间：2020-11-27 20:47:51

javascriptselectoptions排序(保持option对象完整性)_表单特效

javascriptselectoptions排序(保持option对象完整性)_表单特效: 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) {

推荐度：

点击下载本文 文档为doc格式

导读javascriptselectoptions排序(保持option对象完整性)_表单特效: 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) {

<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需刷新才能执行]

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

javascriptselectoptions排序(保持option对象完整性)_表单特效

推荐度：

点击下载本文 文档为doc格式

标签： js 表单 javascript

热门焦点

javascriptselectoptions排序(保持option对象完整性)_表单特效

javascriptselectoptions排序(保持option对象完整性)_表单特效

javascriptselectoptions排序(保持option对象完整性)_表单特效

最新推荐

猜你喜欢

热门推荐