jQueryはSelectのTextとValueを操作(get/set/add/delete)

jQueryはSelectのTextとValueを操作(get/set/add/delete)_jquery

WBOY

リリース： 2016-05-16 17:40:56

オリジナル

1051 人が閲覧しました

jQuery は、Select で選択されたテキストと値を取得します:
項目を選択して試してください
構文の説明:

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

 
. $("#select_id").change(function(){//code...});選択時のイベント 項目の 1 つが 
 の場合にトリガーされます。 var checkText=$("#select_id").find("option:selected").text(); // Select によって選択されたテキストを取得します。 🎜>. var checkValue=$(" #select_id").val(); // 選択 
 の値を取得します。 var checkIndex=$("#select_id ").get(0).selectedIndex; Select 
 のインデックス値 var maxIndex=$("#select_id option:last").attr("index"); // Select

jQuery は Select の Text と Value を設定します:
構文説明:

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

. $( "#select_id ").get(0).selectedIndex=1; //選択インデックス値 1 の項目を選択状態に設定します

。 ").val(4); //Select の値を設定します 値 4 の項目が選択されます 
. $("#select_id option[text='jQuery']").attr("selected", true); //Select の Text 値を jQuery が選択された項目に設定します

jQuery は Select の Option 項目を追加/削除します
: 1 回クリックして選択しますオプションを追加します クリックすると、Select の最初の位置にオプションが挿入されます
クリック Select のインデックス値が最も大きいオプション (最後のもの) が削除されます
構文説明:

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

$("#select_id").append("< option value='Value'>Text"); //Select

 にオプション (ドロップダウン項目) を追加します。 $("#select_id").prepend("Please select"); //選択 
 にオプション (最初の位置) を挿入します。 $ ("#select_id option:last").remove(); // でオプションを削除しますSelect (最後のもの) 
 の最大のインデックス値 $("#select_id option[index='0']").remove() //Select . $("#select_id option[value='3']").remove(); // 'オプション 
 の Value='3 を削除します。 $("#select_id option[text='4']) ").remove(); //Select の Text='4' のオプション 

 を削除