ホームページ > ウェブフロントエンド > jsチュートリアル > jquery とネイティブ js は、選択ドロップダウン ボックスで選択された値を取得します。

jquery とネイティブ js は、選択ドロップダウン ボックスで選択された値を取得します。

WBOY
リリース: 2016-05-16 17:18:44
オリジナル
1102 人が閲覧しました

id=test のドロップダウン ボックスが表示されます。選択した値を取得するにはどうすればよいですか?

ネイティブ JavaScript メソッドと jquery メソッドをそれぞれ使用します

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




1: JavaScript ネイティブ メソッド

1: 選択を取得object: var myselect =document.getElementById("test");

2: 選択された項目のインデックスを取得します: varindex=myselect.selectedIndex; // selectedIndex は選択された項目のインデックスを表します

3: 選択されたオプションの値を取得します: myselect.options[index].value;

4: 選択されたオプションのテキストを取得します: myselect.options[index].text;

2: jquery メソッド (jquery ライブラリがロードされている場合)
1:var options=$("#test option:selected"); // 選択されたものを取得します。 item

2:alert(options.val()); //選択された項目の値を取得します

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