JQuery select control_jqueryの関連操作実装コード

選択
を取得するには、まず次のコードを確認します:

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

$ ("#select_id").change(function(){//code...}) //項目の 1 つが選択されたときにトリガーされる Select のイベントを追加します
var checkText=$("#select_id"). find("option:selected").text(); //Select で選択されたテキストを取得します
var checkValue=$("#select_id").val() ; //Select で選択された値を取得します
var checkIndex =$("#select_id ").get(0).selectedIndex //Select で選択されたインデックス値を取得します
var maxIndex=$("#select_id; option:last").attr("index"); // Select
の最大インデックス値を取得$("#select_id ").get(0).selectedIndex=1; //Select インデックスで項目を設定値を 1 に設定して選択します
$("#select_id ").val( 4); //Select の値を 4 に設定し、項目を選択します
$("#select_id option[text='jQuery'] ").attr("selected", true); // jQuery アイテムの Select Select

のテキスト値を設定して、選択されたテキストを取得します:

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

$("#ddlRegType").find("option:selected").text( );

select で選択された値を取得します:

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

$("#nowmagic").val();

select で選択されたインデックスを取得します:

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

$("#nowmagic").get(0).selectedIndex;

Set select
jQuery は Select の Option 項目を追加/削除します:

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

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

選択を設定Index:

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

//index はインデックス値です
$("#nowmagic").get(0).selectedIndex=index;

選択された値を設定:

コピーcode コードは次のとおりです。

$("#nowmagic").attr("value"," Normal"); #nowmagic").val("Normal");
$("#nowmagic").get(0).value = 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;

break;
}
}

クリア選択範囲:

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

$( "#nowmagic") .empty();