ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 選択オプションの並べ替え (オプション オブジェクトの整合性を維持)_フォーム効果

JavaScript 選択オプションの並べ替え (オプション オブジェクトの整合性を維持)_フォーム効果

WBOY
リリース: 2016-05-16 18:32:39
オリジナル
961 人が閲覧しました


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]<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>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート