[jQuery]selectのoption要素text部分からvalue値を取得する方法
こんにちわ!まっきーです。
最近、jQueryは時代遅れ的な記事をよく目にしますが、なんだかんだ慣れた技術に頼ってしまいます。
本日のこんなんええやん
今回は、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を抽出しています。
ご参考までに
ディスカッション
コメント一覧
まだ、コメントがありません