管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

　　

<html> 
    <head></head> 
    <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%20%20%20%20%20%20%20%20function%20addOption(object%2C%20object2)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20each(object2%2C%20function(o%2C%20index)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20object.options%5Bindex%5D%20%3D%20o%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20function%20sortlist(sortName%2CisDesc)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20what%20%3D%20document.getElementById(sortName)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this._options%20%3D%20map(what.options%2C%20function(o)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20o%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this._options.sort(%20function(a%2C%20b)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(a.text%20%3E%20b.text)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20isDesc%20%3D%3D%20true%20%3F%201%20%3A%20-1%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20isDesc%20%3D%3D%20true%20%3F%20-1%20%3A%201%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20what.options.length%20%3D%200%3B%2F%2F%20clear%20current%20options%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20addOption(what%2C%20this._options)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20function%20map(object%2C%20callback%2C%20thisp)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20ret%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20each.call(thisp%2C%20object%2C%20function()%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ret.push(callback.apply(thisp%2C%20arguments))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20ret%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20function%20each(object%2C%20callback)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(undefined%20%3D%3D%3D%20object.length)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(%20var%20name%20in%20object)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(false%20%3D%3D%3D%20callback(object%5Bname%5D%2C%20name%2C%20object))%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(%20var%20i%20%3D%200%2C%20len%20%3D%20object.length%3B%20i%20%3C%20len%3B%20i%2B%2B)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(i%20in%20object)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(false%20%3D%3D%3D%20callback(object%5Bi%5D%2C%20i%2C%20object))%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20var%20sOrder%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20function%20sort()%7B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(sOrder)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20sOrder%20%20%20%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20sOrder%20%20%20%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20sortlist(%22select1%22%2CsOrder)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%3C%2Fscript%3E"> 
    <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需刷新才能执行]

教程首页更多教程