親ページのフォーム入力データを子ページのテーブルに書き込ませるには？

締切済

質問者：noname#19070
質問日時：2006/01/28 04:47
回答数：1件

親ページ（フォーム入力ページ）から location.href で子ページ（確認ページ）を開くところまでは簡単なのですが、その次、親ページのフォーム入力データ（テキストフィールドのvalue、セレクトメニューのvalue、チェックボックスのvalue ）の特定のものを子ページのテーブルの特定のセルに書き込ませるにはどうしたらよいのかわかりません。
なにとぞお教えくださいませ。m(__)m
要は、企業のページに出てくる確認ページの真似をしたいのでアリマス。
当方、JavaScを始めて２ヶ月の準初心者です。やさしく解説してやってくださいませ。

通報する

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

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： arenani_sorenani
回答日時：2006/01/28 11:24

POSTのデータをjavascriptでは受け取れません。

GETは可能ですが文字化けする場合があります。
なので、以下例ではスクリプトでエンコードして
URL？以降に繋げてデータを渡してます。

以下をa.htmlとして保存

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<script>
function check(){
var obj=document.forms[0];
if(obj.txt.value==""){
alert("名前を入力してください。");
}else{
str1="txt="+escape(obj.txt.value);
str2="&slt="+escape(obj.slt.value);
str3="&chk=";
if(obj.chk[0].checked){str3+=escape(obj.chk[0].value);}
if(obj.chk[1].checked){str3+=escape(","+obj.chk[1].value);}
location.href="b.html?"+str1+str2+str3;
}
}
</script>
</head>
<body>
<form>
名　前：
<input type="text" name="txt" value="" /><br><br>
年　齢：
<select name="slt">
<option value="10歳以下">10歳以下
<option value="10歳以下">20歳以下
</select><br><br>
ペット：
<input type="checkbox" name="chk" value="犬" checked/>犬
<input type="checkbox" name="chk" value="猫" />猫<br><br>
<input type="button" value="送信" onclick="check()"/>
</form>
</body>
</html>

以下をb.htmlとして保存

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<script>
function getkey(key,tmp1,tmp2,xx1,xx2,xx3){
tmp1=location.search.substring(1,location.search.length)+"&";
xx1=xx2=0;
len=tmp1.length;
while(xx1<len){
xx2=tmp1.indexOf("&",xx1);
tmp2=tmp1.substring(xx1,xx2);
xx3=tmp2.indexOf("=");
if (tmp2.substring(0,xx3)==key){
return(unescape(tmp2.substring(xx3 + 1, xx2 - xx1)));
}
xx1=xx2+1;
}
return("");
}
function start(){
txt=getkey("txt");
slt=getkey("slt");
chk=getkey("chk");
str="名　前："+txt+"<br>年　齢："+slt+"<br>ペット："+chk;
text.innerHTML=str;
}
</script>
</head>
<body onload="start()">
<table>
<tr>
<td id="text"> </td>
</tr>
</table>
</body>
</html>