HTML+javascript初心者です。
HTMLで作った親ページで、リンクをクリックすると
その文字列が子ページの入力FORM上に表示されるようにしたいです。
具体的には、以下の例で、親ページで”apple”を押すと、子ページの
入力form上にappleが、"orange"を押すとorangeが表示されるように
したいと思います。
javascriptを使って変数で値を受け渡しすればできるように思いますが、
いろいろ研究してみましたが私のスキル不足でどうしてもわかりません。。。
助けていただけると非常にうれしいです。
あと、親ページは頻繁に変更するので、メンテナンス上excelで編集できるようにしたいです。
なので<a href= の形式で呼び出す形式で、できれば表示させたいです。
よろしくお願いいたします~
-----------------------------------------------------------
親ファイル
-----------------------------------------------------------
<html>
<head>
<title>parent01</title>
</head>
<body>
<a href="sub01.htm" target="content">apple</a><br>
<a href="sub01.htm" target="content">orange</a><br>
<a href="sub01.htm" target="content">banana</a><br>
</body>
</html>
-----------------------------------------------------------
子ファイル
-----------------------------------------------------------
<html>
<head>
<title>sub01</title>
</head>
<body>
No.2ベストアンサー
- 回答日時:
たとえばsearchを使うならこんな感じ
//parent.htm
<html>
<head>
<title>parent01</title>
</head>
<body>
<a href="child.htm?x=apple" target="content">apple</a><br>
<a href="child.htm?x=orange" target="content">orange</a><br>
<a href="child.htm?x=banana" target="content">banana</a><br>
</body>
</html>
//child.htm
<html>
<head>
<title>child</title>
<script>
window.onload=function(){
var reg=new RegExp("(?:\\?|&)x=(.+?)(&|$)");
var x=location.search.match(reg)[1];
document.getElementById("content").innerHTML=x;
}
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
ありがとうございます!!やりたいことができました!!
location.serch.matchの使い方とか、とっても勉強になりました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ内検索をフォーム...
-
iframeの部分だけリロード
-
海外の時間をホームページ上に表示
-
【javascript】 IMEのカタカナ...
-
カンマ区切り形式ではなく、セ...
-
キングファイルの背表紙を作成...
-
PDFに変換した時リンクを維持す...
-
パワーポイントで参照ページを...
-
各ページの1番上の表示について
-
vbaで実行後、指定のセルに戻す...
-
文字を一括で置換するソフト・...
-
Wordで一括して改ページする方法
-
中国のEV
-
Dreamweaverでテンプレートを再...
-
ネット上で自作自演を見破る方法
-
VBAでマルチページのページ指定...
-
隠しページ
-
エクセルでアルファベット5段階...
-
怖いキティちゃんの画像
-
UserForm.showでマルチページ1...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ内検索をフォーム...
-
JavaScriptがoffだったらどっか...
-
チェックボタンをクリックする...
-
pythonにおける単方向リストの...
-
簡易版パスワード入力画面について
-
iframeの部分だけリロード
-
海外の時間をホームページ上に表示
-
確認ダイアログを表示出来ない
-
画像の上にマウスが乗ったら別...
-
md5.jsとbase64.jsがスクリプト...
-
【JavaScript】特定の条件で特...
-
javascriptとcookieの判定とペ...
-
ロールオーバーとスワップイメ...
-
ホームページでDOSコマンド練習...
-
getElementsByTagNameが使えない
-
JAVAスクリプトの関連書について…
-
親ページでリンククリックした...
-
とある英数字群を""で囲みたい
-
パワーポイントで参照ページを...
-
キングファイルの背表紙を作成...
おすすめ情報