![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
親ページ(フォーム入力ページ)から location.href で子ページ(確認ページ)を開くところまでは簡単なのですが、その次、親ページのフォーム入力データ(テキストフィールドのvalue、セレクトメニューのvalue、チェックボックスのvalue )の特定のものを子ページのテーブルの特定のセルに書き込ませるにはどうしたらよいのかわかりません。
なにとぞお教えくださいませ。m(__)m
要は、企業のページに出てくる確認ページの真似をしたいのでアリマス。
当方、JavaScを始めて2ヶ月の準初心者です。やさしく解説してやってくださいませ。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
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>
この回答への補足
さっそくのご回答ありがとうございます。
私のスキルでは理解できないところがありますので、参考書と首っ引きで研究させていただきます。(゜-゜;
ご回答いただいたscriptを理解しようと悪戦苦闘しましたが、私のスキルと脳力では残念ながらかなわず、とりあえず幼稚なconfirmでやることにしました。
貴重なお時間を割いてご回答いただきましたのに、使わせていただくことができなかったことをお詫び申し上げます。m(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- gooポイント gooポイントをdポイントに交換できない。 3 2022/04/22 20:39
- Microsoft ASP プログラミング関係で質問です。 3 2022/10/11 16:06
- 確定申告 e-taxで開業届を出す方法がわかりません 1 2022/06/01 19:00
- PDF EXCEL ページを指定してPDF出力するVBAを教えてください。 2 2023/02/09 10:27
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- PHP PHP ページング データベース 1 2022/06/16 10:30
- Excel(エクセル) Excel 在庫管理について 3 2023/02/09 10:00
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでhiddenに二次元配...
-
value内に変数を入れたい
-
selectboxのoptionタグのvalue...
-
Pythonで会員サイトの自動ログ...
-
テキストボックスに入力された...
-
[C#]連想配列の中に配列を入れたい
-
チェックボックスがundefinedと...
-
ラジオボタンの値取得
-
VB.NET DateTimeの型について
-
親ページのフォーム入力データ...
-
hiddenのvalueの値を変えたい
-
return trueとreturn falseの用...
-
onchangeイベントを強制的に発...
-
Selectボックスの幅を自動で広...
-
ボタン2回押しを無効にしたい
-
【jQuery】input nameの文字列...
-
プルダウン選択を変更すると、...
-
FormのonsubmitでJavaスクリプ...
-
javascriptでセレクトボックス...
-
ラジオボタンによるフォームの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
javascriptでhiddenに二次元配...
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
switchを使って四則演算のプロ...
-
VB.NET DateTimeの型について
-
クイズ作成:15個の問題から5個...
-
C言語クイックソートの比較総回...
-
セレクトボックスの初期選択状...
-
ラジオボタンの選択で解答・点...
-
子から親へチェックボックスの...
-
ラジオボタンと連動して文字列...
-
setIntervalの間隔を途中で変更...
-
JAVASCRIPTで、ボタンを押した...
-
sessionStorageを調べています。
-
クリックの度に加算していくには?
-
マクロ オブジェクト変数With...
-
3桁区切りのカンマをつけたい...
-
selectboxのoptionタグのvalue...
おすすめ情報