您的位置：首页 > 运维架构

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

2010-03-10 13:17 134 查看

// 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);

}
// ]]>

111
333
444
222
333

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航