javascriptでサブウィンドウを開き、親ページにあるフォームの値をサブウィンドウのテキストフィールドに渡す方法で複数項目がある場合、下記URLのようにラジオボタンならうまくいったのですが
ラジオボタンなしで、ボタンを押すと直接その値をサブウィンドウに渡す方法はないでしょうか?
複数項目ある値をサブウィンドウに渡す(ラジオボタン)
http://ausdruck.flier.jp/test/window11/oya_11.html
上記URLの方法ならうまくいったのですが下記URLのようにボタンを押してその値を
直接サブウィンドウに渡したいとおもっています。
http://ausdruck.flier.jp/test/window3/oya.html
▲こちらのイメージで渡したいのですが、複数項目があるとうまくいきません。
No.3ベストアンサー
- 回答日時:
#2です。
>親の関数getData()を呼び出すにはどういう方法がありますでしょうか?
ご質問のサンプルでご提示の方法と同じです。
alert( window.opener.getData() );
とか。
考えてみたら、値を渡さなくても要素を返しちゃった方が便利かも…
ということで、親側が
var Data = {
node : null,
get : function(){ return this.node },
set : function(evt){
var t = evt.target || evt.srcElement;
if(t.nodeName != "INPUT") return;
this.node = t;
window.open("hoge.html","");
}
};
(↑少し記述法を変えてます。変数が少なくて済むかと…)
子側が
alert( window.opener.Data.get().value );
みたいなのでも良いのかも知れません。
(実際の使い方がわからないのでよくわかりませんが)
No.2
- 回答日時:
のほうが締め切られちゃったので、もうよろしいのかと思ったのですが…
単純にinuputのvalue値を渡せればよいと解釈して、以下で可能かと思います。
(前回、回答の3)の方法になっています。)
開いたhoge.html側から親の関数getData()を呼び出すことで値を取得可能です。
(変数dataにvalue値を覚えておいて、呼び出されたらそれを返しているだけ)
(全角空白は半角に)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>sample</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
<!--
var getData;
var setData = (function(){
var data = "";
getData = function(){ return data; };
return function(evt){
var t = evt.target || evt.srcElement;
if(t.nodeName != "INPUT") return;
data = t.value;
window.open("hoge.html","");
};
})();
//-->
</script>
</head>
<body>
<div onclick="setData(event)">
<input type="button" value="value1">
<input type="button" value="value2">
<input type="button" value="value3">
<input type="button" value="value4">
<input type="button" value="value5">
</div>
</body>
</html>
*ちなみにNo1様の回答は、前回回答の2)の考え方とほぼ同じです。
(要は、渡す値を一時記憶しておく場所をどこに設定するかの違い。)
ありがとうございます、hoge.html側から親の関数getData()を呼び出すにはどういう方法がありますでしょうか?基本がなさすぎるためかそれでも理解できません、サンプルなどあれば助かります。
No.1
- 回答日時:
たとえば、oya.htmlにsub.htmlで値を取得するための項目(hidden)を用意して
押されたボタンに応じてdispw実行時に値を設定するようにすればいいのではないでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- Excel(エクセル) ExcelVBAでリストの項目に必要数と同じ手配数を分配していくマクロを作りたいです。 1 2022/07/29 18:36
- Visual Basic(VBA) Excel VBA 複数選択したリストボックスからテキストボックスに転記したいです。 3 2023/03/19 18:31
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- その他(プログラミング・Web制作) 入力フォームへ、データを自動的に入力するプログラム。どうやって作る? 4 2023/01/16 10:24
- 中古パソコン 嫁が市役所のパソコン有償譲渡会? でパソコンを買ってきました。 立ち上げに時間はかかるし、アプリ等も 10 2022/10/29 01:01
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onclickが動作しない
-
開いた子ウィンドウにあるボタ...
-
JavaScriptのfileオブジェクト...
-
onchangeイベントを強制的に発...
-
クリックさせたいが、click()が...
-
JQueryでfunctionに引数としてI...
-
SendKeys()が一番最後に実行さ...
-
ボタンをクリックするとテキス...
-
ボタンかリンクをクリックする...
-
onClickがinput type="image"だ...
-
BackSpaceしたい(QNo.2734284の...
-
javascriptで作成されたテーブ...
-
iOSのみダブルタップが必要
-
innerHTML内では改行は禁止?
-
自動的に連番生成したURLにリン...
-
value内に変数を入れたい
-
プルダウン 項目が多いので先頭...
-
return trueとreturn falseの用...
-
チェックボックスの有無判定
-
tableの任意行にfocusをあてる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
iOSのみダブルタップが必要
-
onclickが動作しない
-
追加ボタンを押した際に ok ボ...
-
ボタンかリンクをクリックする...
-
innerHTML内では改行は禁止?
-
クリックさせたいが、click()が...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JavascriptでDOM-based XSSの発...
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
jQueryで設定したイベントハン...
-
開いた子ウィンドウにあるボタ...
-
javascriptで作成されたテーブ...
-
HTMLのテキストボックスへのド...
-
テキストフィールド未入力の場...
-
JavaScriptのfileオブジェクト...
-
JSのボタンを複数う使うには
-
オンクリックで現在時刻の取得→...
おすすめ情報