特定の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="送信">

宜しくお願いいたします

回答No.2

fujillin · ベストアンサー

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

それはおいておいて…

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

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

お礼

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

回答No.1

yambejp

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