もしＡだったら100円、Ｃだったら150円・・・金額計算

Javascriptは初心者です。
今、合計金額を計算するJavascriptを組んでいます。

今できているのはこちらです。
http://ribbon.chu.jp/keisan.html

分からないところは、項目【オプション２】の
・Ａを選択したら100円
・Ｃを選択したら150円　　・・・etc
の部分がどうしてもやり方がわかりません。

プルダウンメニューでもラジオボタンでも構わないのですが、
とにかく↑のような設定をしたいです。
ソースは見てくださって構いません。
力を貸していただけると幸いですm(__)m

No.1 ベストアンサー 回答者： yambejp 回答日時： 2009/04/03 17:30

できればnameかidをつけてやるのが早道・・・

デフォルトでAが選択されているならoptionsのデフォ値は100
にしといた方がいいですね

<form>
<select onchange="this.form.elements["option2"].value=this.value">
<option value="100">Ａ</option>
<option value="100">Ｂ</option>
<option value="150">Ｃ</option>
<option value="150">Ｄ</option>
</select>
<input type="text" size="8" value="100" name="option2"> 円</td>
</form>

この回答へのお礼

早々の回答ありがとうございますm(__)m
nameかidはつけるべきですよね。
勉強になります。

さっそくやってみたのですが、
やはり上手くいきません・・・(；_；)
http://ribbon.chu.jp/keisan.html
リファレンスやJavascriptの初心者講座をずっと見て回ってるのですが、何がなんだか・・・。
勉強不足で、これから勉強していきたいのですが期限がありましてこうやっていちいち聞いてしまっています；

本当に手間かけてすみません(；_；)
もしどこか間違った記述があれば、ご指摘お願いしますm(__)m

お礼日時：2009/04/03 17:48

No.3 回答者： OKwebb 回答日時： 2009/04/03 18:00

<select onchange="this.form.elements['option2'].value=this.value">

option2のクォテーションを"→'に変更

この回答へのお礼

何度もありがとうございます！
ずっと手が回らないくらい忙しいので、あとでもう一度トライしてみます(・▽・)
またやってみてどうなったかを書きます。

お礼日時：2009/04/06 18:15

No.2 回答者： yambejp 回答日時： 2009/04/03 17:57

ごめんなさい、転記ミスです

<select onchange="this.form.elements['option2'].value=this.value">

としてください

この回答へのお礼

ありがとうございます。
試してみたところ、小計と合計のテキストエリアに

[object HTMLInputElement]

と表示されてしまいます；

スクリプトの記述に間違いがあるのでしょうか・・・？
--------------------------------------------------
// オプション２
var price5 = document.form1.option2;
document.form1.option2.value = price5; // 小計を表示
--------------------------------------------------

お礼日時：2009/04/08 13:08