document.getElementById( "louyuming")。options [0] .selected = true; function jsselectisexititem(objselect、objitemvalue){var isexit = false; for(var i = 0; i <objselect.options.length; i ++){if(objselect.options [i] .value == objitemvalue){isexit = true;壊す; }} isexitを返します。 }JavaScript操作選択は、フォームの一般的なタイプです。今日、複数の選択値を削除するとき、問題がありました。長い間、インデックスが原因であることが判明しました(つまり、削除するときに大きなインデックスから開始してから小さなインデックスを削除する必要があります。そうしないと、大きなインデックスのあるインデックスが小さなインデックスを削除した後に変更され、大きなインデックスが変更されます。
//4。選択した関数で選択したアイテムを削除jsremoveselectedItemfromSelect(objSelect){var length = objselect.options.length -1; for(var i = length; i> = 0; i-){if(objselect [i] .selected == true){objselect.options [i] = null; }}}1選択オプションにvalue = "Paravalue"のアイテムがあるかどうかを判断します
2 [選択]オプションにアイテムを追加します
3選択オプションからアイテムを削除します
4選択した選択項目を削除します
5 valueのテキストを変更する= "paravalue" "paratext"の選択オプションで
6テキストの最初の項目をセット= "paratext" in select as selected
7 qual = "paravalue"の項目を選択したように設定します
8現在選択されているアイテムの値を取得します
9現在選択されているアイテムのテキストを取得します
10現在選択されているアイテムのインデックスを取得します
11選択したアイテムをクリアします
=================================================================================================================================
選択のすべてのオプションを動的に削除します。
関数deletealloptions(sel){sel.options.length = 0; }[選択]のオプションを動的に削除します。
関数deleteoption(sel、indx){sel.options.remove(indx); }[アイテム]オプションを[select]に動的に追加します。
function addoption(sel、text、value){sel.options.add(new option(text、value)); }上記のテストはIEとFirefoxで正常にテストされたため、将来使用できることを願っています。
==========================================================================
JSコード
// 1。選択オプションJSSeLectisexititem(objSelect、objitemValue)にvalue = "paravalue"のアイテム関数があるかどうかを決定します{var isexit = false; for(var i = 0; i <objselect.options.length; i ++){if(objselect.options [i] .value == objitemvalue){isexit = true;壊す; }} isexitを返します。 } //2。選択オプションjsadditemtoselect(objselect、objitemtext、objitemvalue){// juds(jsselectisexititem(objselect、objitemvalue)){alert( "alert("このexists "); } else {var varitem = new option(objitemtext、objitemvalue); objselect.options.add(varitem); Alert( "Justerfully inged"); }} // 3。選択オプションからアイテム関数を削除jsremoveItemfromSelect(objSelect、objitemValue){// if(jsselectisexititem(objselect、objitemvalue)))){for(var i = 0; i <objselect.options.lengt.lengt.lengt.lent.lent; i ++) == objitemvalue){objselect.options.remove(i);壊す; }} alert( "justerfullydeleted"); } else {alert( "このアイテムはこのselectに存在しません"); }} //4。選択した関数で選択したアイテムを削除jsremoveselectedItemfromSelect(objSelect){var length = objselect.options.length -1; for(var i = length; i> = 0; i-){if(objselect [i] .selected == true){objselect.options [i] = null; }}} // 5。「paratext」関数JSUpdateItemtoselect(objSelect、objitemtext、objitemtext、objitemvalue)の選択オプションの値のテキストを変更する{//裁判官objselect.options.length; if(objselect.options [i] .value == objitemvalue){objselect.options [i] .text = objitemtext;壊す; }} alert( "ressulefly modified"); } else {alert( "このアイテムはこのselectに存在しません"); }} // 6。選択された関数としてselectの最初の項目= "paratext"を設定しますjsselectitembyvalue(objselect、objitemtext){// var isexit = falseかどうかを判断します。 for(var i = 0; i <objselect.options.length; i ++){if(objselect.options [i] .text == objitemtext){objselect.options [i] .selected = true; isexit = true;壊す; }} // result if(isexit){alert( "ressulefly selected"); } else {alert( "このアイテムはこのselectに存在しません"); }} // 7。選択されるobjSelect.value = objitemvalue; // 8。select currselectvalue = objselect.valueの現在選択されている項目の値varを取得します。 //9。選択されているvar currselecttextのテキストvar currselecttextを取得var currselecttext = objselect.options [document.all.objselect.selectedindex] .text; // 10。現在選択されているselect var currselectindex = objselect.selectedIndexのインデックスを取得します。 // 11。select objselect.options.length = 0の項目をクリアします。インスタンス全体の完全なコードは次のとおりです。
< Language = "JavaScript"> <! - //著者:[email protected]// modify:[email protected] watch_ini(){// initial for(var i = 0; i <arguments.length; i ++){var ooption = newオプション(引数[i]、arguments [i]); document.getElementByid( "mySelect")[i] = ooption;}} function watch_add(f){// var ooption = new option = new option(f.word.value、f.word.value); F.Word.Value = F.KeyWords [F.KeyWords.SelectedIndex] .text;} function watch_mod(f){// F.KeyWords [F.KeyWords.SelectedIndex] .Text = F.Word.Value;} function watch_del(f){// Delete f.keywords.Remow(f.keyword(f.keyword)sefs(// Delete) // var set = ""; for(var i = 0; i <f.keywords.length; i ++){set += f.keywords [i] .text +";";} confism(set);} //-> </script> </head> <body> <form name = "watch" method = "post" action = ""> <select id = "myselect" name = "keywords" size = "10" Language = "JavaScript"> <! - watch_ini( "i"、 "you"、 "he"、 "he"、 "he"、 "it"、 "el"); //初期キーワード// - > </script> <入力タイプ= "text" name = "word"/> <br/> <入力タイプ= "button" value = "add" onclick = "watch_add(this.form);" /> <入力型= "ボタン" value = "" onclick = "watch_mod(this.form);"を変更する/> <入力型= "ボタン" value = "delete" onclick = "watch_del(this.form);" /> <入力タイプ= "ボタン"値= "save" onclick = "watch_set(this.form);" /> </form> </body> </html>