Select オプションを取得および設定する JQuery のメソッドは次のように要約されます。
コード:
$("#select_id").change (function( ){//code...}); //項目の 1 つが選択されたときにトリガーされる Select のイベントを追加します
var checkText=$("#select_id").find("option) :selected").text( ); //テキストを取得します
var checkValue=$("#select_id").val(); //値を取得します
var checkIndex=$("#select_id ") .get( 0).selectedIndex; //Select で選択されたインデックス値を取得します
var maxIndex=$("#select_id option:last").attr("index"); //Select の最大インデックス値を取得します
$( "#select_id ").get(0).selectedIndex=1; //選択インデックス値 1 の項目を選択に設定します
$("#select_id ").val(4); // Select の Value 値を 4 つの項目が選択されているように設定します
$("#select_id option[text='jQuery']").attr("selected", true) //Select の Text 値を jQuery の選択済みに設定しますアイテム
select で選択されたテキストを取得します:
$("#ddlRegType").find ("オプション:選択済み").text();
select で選択された値を取得します:
$(" #nowmagic").val();
select で選択されたインデックスを取得します:
$(" #nowmagic").get(0).selectedIndex;
セットセレクト
jQuery は、Select の Option 項目を追加/削除します:
$("#select_id").append (""); //Select
$("#select_id").prepend(""); //Select
のオプション (最初の位置) を挿入します$("#select_id option:last").remove(); //インデックスを削除しますvalue in Select Maximum Option (last one)
$("#select_id option[index='0']").remove(); //Select
のインデックス値 0 のオプション (最初の 1 つ) を削除します。 $( "#select_id option[value='3']").remove(); //Option
$("#select_id option[text='4']").remove を Value='3 で削除します' in Select (); //Select の Text='4' でオプション
を削除します
選択したインデックスを設定:
/ /index インデックス値の場合
$("#nowmagic").get(0).selectedIndex=index;
選択した値を設定:
コードは次のとおりです:
$("#nowmagic").attr ("値 ","通常");
$("#nowmagic").val("通常");
$("#nowmagic").get(0).value = 値;
選択したテキストを選択して設定します:
コードは次のとおりです:
var count=$("#nowamagicoption" ).length ;
for(var i=0;i { if($("#nowmagic").get(0).options[i].text == text)
{
$("#nowmagic").get(0).options[i].selected = true;
選択をクリア:
コードをコピー