JQuery
[jQuery]selectのoption要素text部分からvalue値を取得する方法
ヤス
更新日:2021/08/11
こんにちわ！ヤスです。
最近、jQueryは時代遅れ的な記事をよく目にしますが、なんだかんだ慣れた技術に頼ってしまいます。
selectのoption要素のtext部分からvalue値を取得する
今回は、selectのoption要素のtext部分からvalue値を取得する方法を紹介します。
|
1 2 3 4 5 6 |
<select name="fruits"> <option value="">--</option> <option value="banana">バナナ</option> <option value="apple">りんご</option> <option value="peach">もも</option> </select> |
上記のようなフォーム要素があったときに、「りんご」という情報からvalueである「apple」を取得したい時のjQuery
|
1 2 3 4 5 |
<script> var want_value = $("select[name='fruits'] option").filter(function(index){ return $(this).text() === "りんご" }).val(); </script> |
filter要素で絞りこんで目的のvalueを抽出しています。
ご参考までに。