JQuery操作選択タグの実装 code_jquery

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

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

//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 を知らない場合は、まずその
ドキュメント

を読んでください。 この投稿がお役に立てば幸いです。