ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript_javascript スキルを使用してリストボックスから複数の項目を同時に削除する方法

JavaScript_javascript スキルを使用してリストボックスから複数の項目を同時に削除する方法

WBOY
WBOYオリジナル
2016-05-16 17:20:141289ブラウズ

リストボックスから複数の項目を同時に削除する場合、上から下に削除することはできません。上の項目を削除するたびに、下の項目のインデックス番号が変更されるため、下から上にのみ削除できます。インデックス番号がランダムに変化する問題があります。

html コード

コードをコピー コードは次のとおりです:

< ;テーブル>

;option value="1">インド
;

カナダ





<ボタン onclick="listbox_remove" );" >削除





JavaScript コードは次のとおりです:



コードをコピーします
コードは次のとおりです。 function listbox_remove(sourceID) { //id からリストボックス オブジェクトを取得します。var src = document.getElementById(sourceID);
//リストボックスの各オプションを繰り返します
for(var count= src.options.length-1; count >= 0; count--) {

//if オプションが選択されている場合は、オプションを削除します
if(src.options[count].selected == true) {

try {
src.remove(count, null);

src.remove(count);
}
}
}
}


もちろん、 jQueryで削除すると便利です、一言でDone ('option:selected').remove();
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。