WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:<form>とJavaScript

0:[投稿] かみかみ [MAIL] [2003/01/30 16:10 ][環境:   ]

まだJavaScriptもCGIも始めたばかりであまり理解できていませんが、なんとかいろんなものを参考にショッピングカートを作ってみました。しかし、後になって追加したい機能がでてきてしまいました。しかし、すでに
<form method=post action="../cgi-bin/test.cgi">
というように、cgiを呼び出すように設定されているform内に、以下のようなセレクトメニューを追加する方法がわかりません。
<FORM>の中に<FORM>はできないんですよね?
だとしたら、以下の"JavaScriptを反映させるには、どうしたら良いのでしょうか?
現在の<form>内は、商品を選択したりサイズを選択したり、という普通のショッピングカートにあるような項目が並んでいます。
すごく簡単なことかもしれませんが、どうしてもわかりません。
どうかご教授願います。


■追加したい機能=素材を選択して価格を表示。
以下、追加したいスクリプト。

<script type="text/javascript" language="JavaScript"><!--
function calcPrice (i) {
var pricelist = new Array(4);
pricelist[0] = "";
pricelist[1] = 1000;
pricelist[2] = 2000;
pricelist[3] = 3000;
document.sample.price.value = pricelist[i];
}
//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="sample" action="javascript:void(0);">
素材:
<select name="material" onChange="calcPrice(this.selectedIndex);">
<option>お選びください
<option>シルバー
<option>ゴールド
<option>プラチナ
</select><br><br>
価格:<input type="text" name="price" size="10"> 円</form>
</body>


1:[回答] ひよこ [URL] [2003/01/30 16:52 ]

まず、formに名前を付けてやってください。
例:<form name="cargo" method=post action="../cgi-bin/test.cgi">

そして、
document.sample.price.value = pricelist[i];
の"sample"を上記form名(例では"cargo")に変更すれば良いと思います。

あとは、<select・・・以下、「円」までを目的位置に挿入すればOKです。


2:[完了] かみかみ [2003/01/30 18:01 ]

できました!
ひよこさん、ありがとうございました。

こんな単純なことだったとは・・・。
<form>の中に“action”がある時点でパニクってしまいました。
本当に助かりました。

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

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World