セレクトボタンで特定の項目でアラート表示

セレクトボタンで特定の項目でアラート表示
はじめまして。
当方javascript初心者です。

ラジオボタンやチェックボックスで特定のボタンを選択すると
アラートが出る、いうことをしています。

ですが、セレクトボタンで特定のボタンを選択したらアラート
という事ができません。

「スイカ」と「りんご」に同じアラートを出すには
どうすればいいのか、いろいろとサイトを巡っているのですがわかりません。

もう1日この問題で詰まってます。

<form>
<table cellpadding="5">
<tr>
<td>
<input type="radio" onclick=alert('コメント')>100円
<input type="radio" 200円
</td>
</tr>
<tr>
<td>
<select name="select">
<option>とくに無し</option>
<option>スイカ</option>
<option>りんご</option>
</select>
</td>
</tr>
</table>
</form>

どなたかいい方法をご存知の方、是非とも教えていただけないでしょうか。

よろしくおねがいします！

No.2 ベストアンサー 回答者： arenani_sorenani 回答日時： 2010/01/31 03:50

<script type="text/javascript">

function func(obj){
if(obj.value=="スイカ"||obj.value=="りんご"){
alert("甘くておいしいよー！！")
}
}

</script>

<form>
<table>
<tr>
<td>
<input type="radio" name="rd" value="100円" onclick="if(this,checked)alert(this.value);">100円
<input type="radio" name="rd" value="200円" onclick="if(this,checked)alert(this.value);">200円
</td>
</tr>
<tr>
<td>
<select name="select" onchange="func(this)">
<option value="なし">なし</option>
<option value="スイカ">スイカ</option>
<option value="りんご">りんご</option>
</select>
</td>
</tr>
</table>
</form>

この回答へのお礼

＞arenani_sorenaniさん

すごい！！！
こんなシンプルにアラートが出せるとは！

これはつまり
もし、「セレクトボタン」のvalue「スイカ」と「りんご」を選択したら
「甘くておいしいよー！！」というアラートを出す、
という事ですね。

arenani_sorenaniさん、
勉強になりました！
本当にありがとうございました！！！

お礼日時：2010/01/31 11:41

No.1 回答者： arenani_sorenani 回答日時： 2010/01/30 22:44

<form>

<table>
<tr>
<td>
<input type="radio" name="rd" value="100円" onclick="if(this,checked)alert(this.value);">100円
<input type="radio" name="rd" value="200円" onclick="if(this,checked)alert(this.value);">200円
</td>
</tr>
<tr>
<td>
<select name="select" onchange="alert(this.value)">
<option value="なし">なし</option>
<option value="スイカ">スイカ</option>
<option value="りんご">りんご</option>
</select>
</td>
</tr>
</table>
</form>

この回答へのお礼

＞arenani_sorenaniさん

早速のご回答ありがとうございます！！
ラジオボタンも1つしか選択できなくなっててすごいです！

あとすみません。
りんごとスイカのみアラートを表示したく、
なおかつ同じ内容にしたいです。

<select name="select" onchange="alert(this.value)">
<option>なし</option>
<option value="同じ内容">スイカ</option>
<option value="同じ内容">りんご</option>
</select>

これだと「なし」にも空のアラートが表示されます。
やっぱり難しいですね。

お礼日時：2010/01/30 23:01