ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery select control_jqueryの関連操作実装コード

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

WBOY
リリース: 2016-05-16 17:50:14
オリジナル
951 人が閲覧しました

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

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

$ ("#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(""); //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();

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート