隠しフォーム（hidden）を使いたい

解決済

質問者：jun2249
質問日時：2003/09/26 10:03
回答数：3件

こんにちは。今、HTMLで困っています。
今までは１つのテキストボックスに４桁の値を入力しCGIにその値を飛ばしていたのですが今回テキストボックスを４つ作りそこに１桁づつ入力させてCGIにその４桁を飛ばせたいのです。そこで見た目上では４つのテキストボックスの中に１桁づつ入れ、実際はhiddenで隠した方にその４つのテキストボックスで入力した値を結合させてそれをCGIに飛ばせたいのです。

たとえば・・・
(1)(2)(3)(4)←こうようにテキストボックスに1桁づつ入力。
実際CGIに渡される値は1234。

調べてみたのですが値の結合まではわかりませんでした。
この方法を知っているかたよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： noname#6248
回答日時：2003/09/26 10:35

[test.js]ファイル

function setHidden(frm){
str = frm.data1.value + "";
str = str + frm.data2.value + "";
str = str + frm.data3.value + "";
str = str + frm.data4.value + "";
frm.hdn.value = str ;
}

[test.html]ファイル
<html>
<script src="./test.js"></script>
<body>
<form name="xxx">
<input type="text" name="data1" value="" onChange="setHidden(xxx)"><br>
<input type="text" name="data2" value="" onChange="setHidden(xxx)"><br>
<input type="text" name="data3" value="" onChange="setHidden(xxx)"><br>
<input type="text" name="data4" value="" onChange="setHidden(xxx)"><br>
<input type="text" name="hdn" value=""><br>
</form>
</body>
</html>

一応↑で動きました。二つのファイルを同じフォルダに入れて確認してみてください。
一つのファイルにしたければfunctionのぶぶんをhtml内に記述する必要があります。
『JavaScriptは使いたくない』でしたら…解りかねます…
ちなみに　+""は消さないで下さい。
(算術計算されてしまう恐れがあります…)

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

動きまで確認できてすごくわかりやすかったです。
でも実際認識してる値をいれてみたんですが上のように変更してからそのコードはありません。みたいにエラーが返ってきてしまいました。

なぜなのでしょう？

通報する

お礼日時：2003/09/26 14:14

No.3

回答者： todo36
回答日時：2003/09/26 12:24

<form action="

http://www.google.com/search" onsubmit='
this.q.value = ""
+ this.elements[0].value
+ this.elements[1].value
+ this.elements[2].value
+ this.elements[3].value;
'>
<input type=text><br>
<input type=text><br>
<input type=text><br>
<input type=text><br>
<input type=hidden name="q">
<input type=submit>
</form>