jQueryのテキストを取得し、選択した値を選択し、値の動的属性値などが追加されます

文法の説明:
1. $( "#のselect_id")の変更(関数(){//コード...});.    たときに//を選択するイベントを追加は、トリガーのいずれかを選択
2. VAR checkText = $( " #select_id ")検索("オプション:. ")、テキスト();選択。   //取得し、選択テキストを選択します
。3. CheckValue VAR = $(" #のselect_id「)ヴァル()は;   //選択した値、選択します
4 。VAR checkIndex = $( "#のselect_id")に.get(0).selectedIndex;   //選択選択指標値取得
5. VAR maxIndex = $( "#の   select_idオプション:最後の")のattr( "インデックス");. //インデックスの最大値は、選択しなさい
:jQueryの設定を選択し、テキストと値選択
:構文解釈
; 1 $(「#のselect_id」)に.get(0).selectedIndex = 1   1のインデックス値を選択//選択した設定項目を
.val $ 2.( "#のselect_id")(4);    //値が4を選択し、キーの値を選択設定
3. $(「#のselect_idオプションを[   テキスト= '「選択されたjQueryの '] "ATTR()"、真の);//項目の設定]を選択し、テキスト値はjQueryのを選択します

jQueryのは、キーオプションを選択して追加/削除:
文法解説:
1. $( "#のselect_id")APPEND( "<オプション値= '値'>テキスト</オプション>");.   //(ドロップダウンを選択するオプションを追加しますアイテム)
。2. $( "#1 select_id")プリペンド( "<オプション値= '0'> </オプション>を選択");   //選択のオプション(最初の位置)を挿入
3. $を( "オプション#select_id:最後の")(削除);.   //最大インデックス・オプションの値(最後の1)を選択して削除します
。4. $(" [= '0'インデックス]「))(削除;.#のselect_idオプションを   //削除インデックス値オプション0(最初の)選択
;.)$ 5の(「#のselect_idオプション[値=」3' ]」)(削除   値=を選択して削除する// 『3』 Option-の
5 $ ( "オプションは、[テキストを=」4' ] #select_id");.)(削除   //は=選択テキストを削除'4'オプション
 
 

無線jQueryの値は、チェックボックスの値は、選択値選択ラジオ、チェックボックスを選択し、SELECTが選択され、その関連
項目選択された無線の設定値を取得
するvarアイテム= $([「入力チェック@ [名=項目@]を。]「)のval();
選択したテキスト項目を選択し取得
するvar項目= $( 『を選択し、[名前@ =アイテム]オプション[@selected]』)、テキスト();.
現在の要素への2番目のドロップダウンボックスを選択します選択された値を
$( '#1 select_id')[ 0] .selectedIndex = 1;
現在選択されている値の第2の要素の無線ラジオグループ
。$( '入力[名前@ =商品]')を取得(1).checkedを= 真;

取得値:

テキストボックス、テキストエリア:$( "#1 TXT")のattr( "値");.
チェックボックスのチェックボックス:$( "#のcheckbox_id" )のattr( "値");.
ラジオグループのラジオ:$( "入力[@タイプ =ラジオ] [チェック@]")のval();.
ドロップダウンが:. $( '#SELを選択 ')のval();

コントロールフォーム要素:
テキストボックス、テキスト領域を:$( "#txt")のattr( "値 "、 '');//のコンテンツ削除
                 $( "#1 TXT")のattr ( "値"、 '11');. // 内容を記入

チェックボックスのチェックボックス:$( "#のCHK1" )のattr( ''、 "確認"); // ダニません。
                 $( "#Chk2で")(真の"チェックする"、)ATTR; //ダニ。
                 IF (。$( "#のCHK1" )のattr( '確認')==未定義)// チェックがかどうかを決定する

ラジオグループのラジオ:$( "入力[@種類=ラジオ]")のattr( "確認しました"、。 ;現在選択されている項目のための'2')//設定値= 2プロジェクト
//設定値= -sel3プロジェクト;) - $( "#1 SEL ")のattr( "値"、 'SEL3': ドロップダウンボックスを選択します。現在選択されている項目は、のために
                、ドロップダウンボックスの$( "<オプション値= '追加された 1'> 1111 </オプション> <オプション値= '2'> 2222 </オプション>")。appendTo( "#1 SEL")//オプションを
                $( "#1 SEL")、空 ();. // 消去するには、ドロップダウンボックス

-------------------------------------------------- --------------------------------------------------

 

添加和//遍历オプション、移除オプション
機能changeShipMethod(送料){
VAR LEN = $( "オプション[名= ISHIPTYPE @]を選択")。長さ
(shipping.value!= "CA")の場合{
$は、( "を選択。オプション」)[名前= ISHIPTYPE @各(関数(){
IF($(この).val()== 111){
$(この).remove();
}
})。
}他{
。$( "<オプション値= '111'> UPSグラウンド</オプション>")appendTo($( "[名= ISHIPTYPE @選びます"))。
}
}


//値を選択するには、ドロップダウンメニューを取得します。

$(#testSelectオプション:選択した' )のテキスト();.
または$( "#testSelectは")を見つける ...('オプション:選択した「)テキストを();
または$( "#testSelect")ヴァル();.
/ ////////////////////////////////////////////////// ///////////////
:悪いメモリは下収集することができ
、1ドロップダウンボックス:

VaRのCC1 = $( "を選択しformc [名@ = '国']オプション[@selected]。")、テキスト();. // 選択したテキストのドロップダウンメニュー項目を結果(中間スペースことに注意してください)
するvar CC2 = $( '[名= "@選択.formc )のval();. //国"] ' 選択したアイテムのドロップダウンメニューを結果の値
。VARのCC3を= $('。 [名= "国" @]を選択しformc'のattr) ( "ID"); //選択した項目のプルダウンメニューのID属性の値を取得
( "#選択")、空の$ (); ... // ドロップダウンボックス// $( "#選択")クリア ( '')HTMLを;
。$( "<「。1'オプション値=> 1111 </オプション>")appendTo( "#選択")//ドロップダウンボックスのオプションを追加します。

少し説明:
[名=「国」@] 1.selectはオプションでは、[@selected] name属性を表し、
および属性値「国のselect要素は、内部の選択されたプロパティのオプション要素を有する、
見ることができます@それは属性が続いていることから始まります。

図2に示すように、単一のボックス:
。$( "INPUT [@タイプ=ラジオ] [チェック@]")ヴァル(); //選択された項目のチェックボックス(中間スペースなし)の値を取得
$(「入力を[@値@種類=ラジオ] [= 2] ")のattr("」チェックし、 ')がチェック'; // 設定値=チェックボックスが(なし間にスペースを2点に注意してください)チェックされています。

3、チェックボックスをオン:
$( "INPUT [確認@] [タイプ=チェックボックス@]")ヴァル(); //最初のボックス選択した項目の値を取得します。
$(「INPUT [タイプ@ =チェックボックス。] [チェック@]「)各(関数(){// チェックボックス複数のは、典型的に選択されるので、出力を再利用することができる
アラート($(この).val());
});

$( "#のCHK1")のattr ( "確認"、 '');. // チェックを外します
$( "#1 CHK2")のattr (真の"チェックする"、);. //はチェック
($(「#場合。ATTR( 'チェック)」CHK1かどう ')==未定義){} // チェックが決定されています


もちろん、jqueryのセレクタは強力である。いくつかの方法があります。

<スクリプトSRC = "jqueryの- 1.2.1.js"タイプ= "テキスト/ javascriptの"> </ SCRIPT>
<スクリプト言語= "javascriptの"タイプ= "テキスト/ javascriptの">
$(ドキュメント).ready(関数() {
。$( "#のselectTest")に変更(機能()
{
//警告( "こんにちは");
//alert($("#selectTest").attr("name "));
// $(" ").ATTR(" HREF " "xx.html");
//window.location.href="xx.html ";
//警告($(" #のselectTest")のval());
警告($ ( "#selectTestオプション[@selected]")、テキスト());。
。$( "#のselectTest")のattr( "値"、 "2");

});
});
</ SCRIPT>


<a href="#"> aaassする</a>

<! -ドロップダウンボックス- >
<SELECT ID = "selectTest" NAME = "selectTest">
11 </オプション> <オプション値=」1" >。
<オプション値= "2"> 22 </オプション>は
<オプション値=」3 "> 33 </オプションで>
<オプション値=" 4 "> 44 </オプション>は
<オプション値=" 5 "> 55 </オプション>
<オプション値=" 6" > 66 </オプション>
</ SELECT>は
jQueryのは、選択は、選択されたラジオ、チェックボックスの値は、選択値選択ラジオ、選択されたチェックボックスの値とそれに関連する無線項目選択の設定値を取得
するvarアイテム= $(「入力[名前@ =商品。] [@確認]「)のval();
選択したテキスト項目を選択し取得
するvar項目= $( "を選択し、[名前@ =アイテム]オプション[@selected]")、テキスト();.
2番目のドロップダウンボックスを選択します現在選択された値のための要素
$( '#1 select_id')[ 0]。;のselectedIndex = 1
の現在選択された値のための第2の要素の無線ラジオ・グループ
(「[名= @入力$商品]」)(1)=真;.を.checkedを取得
値を取得する:
テキストボックス、テキスト領域:$( "#txt")ATTR( "値 ");
チェックボックスのチェックボックス:$( "#のcheckbox_id" )のattr( "値");.
ラジオグループラジオ:. $( "入力[タイプ@ =ラジオ] [確認@]")のval();
ドロップダウンボックスが選択します。 $( '#のSEL')のval ();.
コントロールフォーム要素:
テキストボックス、テキストエリア:. $( "#1 TXT" )のattr( "値"、 ''); // クリアコンテンツ
$( "#1 TXT" ).ATTR( "値"、 ' 11'); // コンテンツで満たされ
、チェックボックスのチェックボックス:. $( "#のCHK1 ")attrは( ''、 "確認"); // チェックを外し
$(「#1 CHK2を").ATTR("確認"真の); // チェック
($(場合。" #のCHK1 「)のattr( '確認')==未定義)// チェックがかどうかを決定する
ラジオグループのラジオ:$( "入力[@タイプ=ラジオ] ")attrが(、 "チェックする" '2'); // 現在選択されている項目の設定値= 2プロジェクト。
ドロップダウンボックスが:. $( "#SELを選択 ")のattr(「値を" ' - SEL3'); // 設定値=プロジェクトは、現在、選択した項目を-sel3
($" <optionvalue = '1 '> 1111 </ option>を<optionvalue =' 2「> 2222 </オプション> ")appendTo(" #SELが")//ドロップダウンボックスのオプションの追加
$(" #1 SEL「)、空を();. / /ドロップダウンボックスを空にする

項目選択した無線の設定値取得
するvar項目= $(「入力[ ;.)名@ =項目] [確認@]」)のvalを(
選択したテキストアイテムの選択を取得
するvar項目= $(「を選択し、[ @name =商品]オプション[@selected] " )のテキスト();.
現在選択されている値を選択するためのドロップダウンボックスの第2要素
; $(『#1 select_id』) [0] .selectedIndex = 1つの
無線ラジオの第二群現在選択されている要素の値が
$( '[名= @入力項目は]')(1)=真;.を.checkedを取得
:値を取得するために
$( "#1 TXT"):テキストボックス、テキストエリアのattr( "値")。 ;
チェックボックスのチェックボックス:$( "#1 checkbox_id" )ATTR( "値");.
ラジオグループラジオ:. $( "入力[ @タイプ=ラジオ] [@チェック]")のval();
ドロップダウンボックスを選択:$( '#のSEL' )のval();
コントロールフォーム要素:
テキストボックス、テキストエリア:. $( "#1 TXT" )のattr( "値"、 ''); // クリア内容
$(「#のTXT ").ATTR("値」、 '11')。//コンテンツを埋める
チェックボックスのチェックボックスを:$( "#のCHK1" )のattr( ''、 "確認"); // ティックない。
(真の"チェックする"、)$( "#Chk2で")のattr; /。 /チック
もし(。$( "#のCHK1 ")のattr( '確認')==未定義)// チェックかどうかを判断する
ラジオグループのラジオ:. $( "入力[タイプ=ラジオ@]")のattr( "確認" 、 '2');現在選択されている項目の//設定値= 2プロジェクト
のドロップダウンボックスは:. $( "#SELを選択 ")のattr( "値"、 ' - SEL3'); // 値の設定= -sel3現在選択されている項目のためのプロジェクト
$( "<オプション値= ' 1'> 1111 </オプション> <オプション値= '2'> 2222 </オプション>")。appendTo( "#1 SEL")//は、 ドロップダウンボックスを追加しますオプション
$(「#1 SEL」)、空();. //ドロップダウンボックスをオフにします

 

 

  $( "#1 SelectIDオプション[値= '$ {labcaseSection}']")ATTR( "選択"、TRUE);. //設定値を選択し、最後の項目が選択されています

ます。https://my.oschina.net/usenrong/blog/197896で再現

おすすめ

転載: blog.csdn.net/weixin_33971130/article/details/92028959