ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery 選択操作の実装 code_jquery

jQuery 選択操作の実装 code_jquery

WBOY
WBOYオリジナル
2016-05-16 18:53:211080ブラウズ
//変更時のイベント
コードをコピー コードは次のとおりです:

$("#testSelect").change(function(){ //イベントが発生しました
jQuery('option:selected', this).each(function(){ //選択された複数の値を出力します
alert(this.value);
});


// 選択した項目を出力します
コードをコピー コードは次のとおりです:
方法 1: $("select#Clubs").children("[@selected] " ).each(function(){
alert(this.text);
});
方法 2: $("#selBags").val(); // これは高速ですが、単一選択のみ



//ドロップダウン メニューの選択値を取得します
コードをコピー コードは次のとおりです:
$(#testSelect option:selected').text();
または $("#testSelect")。 find('option:selected ' ).text();


//削除 removeOption(index/value/regex[, selectedOnly])

コードをコピーします コードは次のとおりです:
$('select#Clubs option:selected').remove ();


// オプションを選択します
コードをコピーします コードは次のとおりです:
var select = $(tdsEdit[0]).find("select"); //選択を取得します
$(select).children()。 each(function(){
if ( $(this).text()=="必要なオプション")


//jQuery メソッド
コードをコピー コードは次のとおりです:
$(this).attr("selected","true) "); //または selected
//javascript method
this.selected = true;
});

Reference

http: //www.texotela.co .uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select -transfer-with-jquery.html
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。