みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

特定のselectの値を取得したい

ADDを押した時のoption valueの値をjqueryで取得したいのですが、nameは全て同じのためわかりません。
alert($(obj).val());だと送信と表示されてしまいます
ご教示頂けますと幸いです。

<select id="color1" name="color[]">
<option value="0">red</option>
<option value="1">blue</option>
<option value="2">pink</option>
</select>
<input type="button" onclick="add(this);" name="add" value="送信">


<select id="color2" name="color[]">
<option value="0">red</option>
<option value="1">blue</option>
<option value="2">pink</option>
</select>
<input type="button" onclick="add(this);" name="add" value="送信">


<select id="color2" name="color[]">
<option value="0">red</option>
<option value="1">blue</option>
<option value="2">pink</option>
</select>
<input type="button" onclick="add(this);" name="add" value="送信">


宜しくお願いいたします

投稿日時 - 2014-04-28 12:17:29

QNo.8572088

すぐに回答ほしいです

質問者が選んだベストアンサー

ご呈示のままだと、関数addとinputのname=addが競合する可能性が高いです。
また、jQueryをご利用なら、イベントのバインドもjQuery側から行ったほうがよさそう。

それはおいておいて…

 function hogeAdd(elm){
  alert($(elm).prev("select").get(0).value);
 }

とかではどうでしょうか?

投稿日時 - 2014-04-30 10:43:31

お礼

皆さん回答ありがとうございました。
とても参考になりました。

投稿日時 - 2014-05-02 19:29:33

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

thisではあくselectにつけてあるidを文字としてわたしてやれば?

投稿日時 - 2014-04-28 12:41:27

あなたにオススメの質問