ID非公開

2020/8/3 18:49

11回答

jqueryでとある値vを取得してその値が<select id="hoge">の選択肢のvalueに存在すれば適用したいと思っています 例えば <select id="hoge">

jqueryでとある値vを取得してその値が<select id="hoge">の選択肢のvalueに存在すれば適用したいと思っています 例えば <select id="hoge"> <option value="apple">りんご <option value="orange">みかん <option value="banana">バナナ </select> とあるときに、ある値vを取得して、それがappleだとしたら $("#hoge").val("apple"); としたいです もしcherryだとしたら、何もしない、としたいです 選択肢にあるかどうかの判定がうまくできません(長ったらしく書くのならできそうですが…) 諸先輩方お知恵をお願いします

JavaScript6閲覧xmlns="http://www.w3.org/2000/svg">500

ベストアンサー

0

<select> の options の中に、 value==v の <option> が含まれているかどうかを、 配列の some() メソッドで判定して、 含まれていれば適用する、それだけ。 これだけの処理に、 わざわざ jQuery なんていう膨大な JS ソースコードを読込まなくても、 ふつうに生の Javascript でいいと思う。 ──────────────── // ある値 const v = "banana"; // セレクトボックス const select = document.getElementById( "hoge" ); // ある値がオプションにあれば適用 if( Array.from( select.options ).some( option => option.value==v ) ){ select.value = v; } ────────────────

ID非公開

質問者

2020/8/3 21:22

ありがとうございます! できました!

ThanksImg質問者からのお礼コメント

回答ありがとうございます!

お礼日時:8/7 23:13