ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery ラベル選択オペレーション コードsegment_jquery

JQuery ラベル選択オペレーション コードsegment_jquery

WBOY
WBOYオリジナル
2016-05-16 18:27:04907ブラウズ

次の一般的なコードが役に立つかもしれません:

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

//1. 選択されたオプションの値を取得します
$('#selectList').val();
//2. 選択されたオプションのテキストを取得します
$('#selectList :selected' ).text( );
//3. 複数の選択されたオプション値とテキストを取得します
var foo = []
$('#multiple :selected').each(i, selected) {
foo[i] = $(selected).text();
});
// 選択された値を取得するには、.val() を使用するだけです。これは文字列または配列を返します。
foo = $('#multiple :selected').val();
//4. オプションoption
switch ($('#selectList :selected').text()の条件式を使用します。 )) {
case 'First Option':
//何かをします
break;
case 'Something Else':
// 何か他のことをします
break;
// 5. value=2 のオプションを削除します
$("#selectList option[value='2']").remove();
//6. リスト A からオプションを移動します。
// ここには 2 つの選択リストと 2 つのボタンがあります。「追加」ボタンをクリックすると、
// 選択したオプションを select1 から削除し、同じオプションを select2 に追加します。 >// 「削除」ボタンは、その逆のことを行うだけです。
// jQuery のチェーン機能のおかげで、JS では以前はかなり難しい作業であった作業が、6 行のコードで実行できるようになりました。
$ ().ready( function() {
$('#add').click(function() {
return !$('#select1 オプション:選択済み').appendTo('#select2');
}) ;
$('#remove').click(function() {
return !$('#select2 オプション:selected').appendTo('#select1');
});
});


JQuery を知らない場合は、まずその
ドキュメント

を読んでください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。