Javascript勉強中です。
よろしくお願いします。
以下のは親ウインドウから小ウインドウ開いたときに小ウインドウで好きなデータを選択して親ウインドウに自動入力させたい物の小ウインドウソースです。
ただこれですと常にform1のデータが親ウインドウのに戻ってしまいますのでおそらく区別出来る設定有ると思うのですが調べてもわかりませんでしたので書かせて頂きました。
よろしくお願いします。
※特にこの形式にこだわっている感じでもなく小ウインドウから複数データからそれぞれのデータ選択で親ウインドウに自動入力できれば大丈夫です。
<html>
<head>
<script Language="JavaScript"><!--
function setData() {
window.opener.frm1.box1.value = document.getElementById("input1").value;
window.opener.frm1.box2.value = document.getElementById("input2").value;
window.close();
}
// --></script>
</head>
<body>
<form name="form1">
<input type="text" id="input1" value="222"><br>
<input type="text" id="input2" value="222"><br>
<input type="button" onclick="setData()">
</form>
<form name="form2">
<input type="text" id="input1" value="333"><br>
<input type="text" id="input2" value="333"><br>
<input type="button" onclick="setData()">
</form>
</body>
</html>
No.2ベストアンサー
- 回答日時:
ANo1です。
>よろしくお願いします。
うまくいかない理由は、すでにANo1に記したつもりなのですが・・・?
補足を読んでも、相変わらずさっぱりわかりませんけれど、ご提示のHTMLは基本的にそのままにすることとして、とりあえずこんな方法でも、取得なさりたい値は取れるのではないかと思います。
(補足を読む限りでは、input[type=text]でもなさそうな気がしますし、子ウィンドウの必要性もあるのかなとか…
また、ご質問とは関係ないけど、「名前や電話番号」って・・・)
※ 親文書の構成が不明なのでalert表示までとしています。
※ 処理に必要ないid等は省いてあります。
<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<script type="text/javascript">
document.addEventListener("click", function(e){
var inp, t = e.target;
if(t.nodeName != "INPUT" || t.type != "button") return;
inp = t.parentNode.querySelectorAll("input");
// 親文書が不明なので値の表示のみ
alert("Values are " + inp[0].value + " and " + inp[1].value);
}, false);
</script>
</head>
<body>
<form>
<input type="text" value="222" /><br />
<input type="text" value="222" /><br />
<input type="button" />
</form>
<form>
<input type="text" value="333" /><br />
<input type="text" value="333" /><br />
<input type="button" />
</form>
</body>
</html>
書き込みありがとう御座います。
説明下手で申し訳ありません、頂いた方法で対応は出来そうなので使わせて頂きたいと思います。
一応やりたいこともは以下のURLに写真をアップロードしたのですが親ウインドウにユーザー情報を入力する箇所があり、小ウインドウから登録済みのユーザー情報を選択して自動入力出来たらと思ってました。
http://or2.mobi/index.php?mode=image&file=153778 …
No.1
- 回答日時:
こんにちは
実際には何をなさりたいのかよくわかりませんが、それはおいておくとして・・・
値を取得するのに
>document.getElementById("input1").value
>document.getElementById("input2").value
などとしていますが、ご提示のHTML文書には同じidの要素が複数あります。
(idは本来一意のはずなので、構文違反といえます)
エラーとなってもおかしくはないのですが、大半のブラウザは最初にある該当要素(=ご提示の場合、form1内のinput要素)を対象とするようです。
このあたりをきちんと識別できるようにしてあげれば、解決できるのではないでしょうか?
>特にこの形式にこだわっている感じでもなく~~
であるなら、input要素の内容はユーザが入力可能なので、form自体を一つにしてしまえば問題はなくなるのではないかと思いますが・・・?
ついでながら…
最近のブラウザではquerySelectorが利用できますので、必ずしもidやクラスを個々の要素に振らなくても、比較的簡単に要素を指定することは可能です。
https://developer.mozilla.org/ja/docs/Web/API/El …
また、ご提示のスクリプトで、一方では、
>document.getElementById("input1")
という指定の方法をとっているのに対して、他方では、
>window.opener.frm1.box1
という方法なのも、なんだかアンバランスさを感じるところです…
fujillin様
書き込みありがとう御座います。
やりたい事は小ウインドウでユーザー情報一覧が表示されて選択したユーザーだけの情報が親ウインドウに自動入力させたいものです。
ですので複数ユーザーが小ウインドウに表示される場合は、名前、電話番号などほぼ同じ項目が繰り返しとなります、ですのであえてFormわけして同じ名前にしました。
よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
ダミーフォームの内容を送信用...
-
大量のselect要素のvalueを短い...
-
選択したラジオボタンに対応し...
-
VBAをJavaScriptに変換したいです
-
テキストボックスに入力された...
-
セレクトボックスの初期選択状...
-
firefoxでJavascriptのフォーム...
-
VB.NET DateTimeの型について
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
select要素のvalueを配列で取得...
-
同じ名前のセレクトがある場合...
-
onClick="this.form.submit
-
onclickで2個指定するには?
-
ボタンを押すとテキストボック...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
javascriptでhiddenに二次元配...
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
switchを使って四則演算のプロ...
-
VB.NET DateTimeの型について
-
クイズ作成:15個の問題から5個...
-
C言語クイックソートの比較総回...
-
セレクトボックスの初期選択状...
-
ラジオボタンの選択で解答・点...
-
子から親へチェックボックスの...
-
ラジオボタンと連動して文字列...
-
setIntervalの間隔を途中で変更...
-
JAVASCRIPTで、ボタンを押した...
-
sessionStorageを調べています。
-
クリックの度に加算していくには?
-
マクロ オブジェクト変数With...
-
3桁区切りのカンマをつけたい...
-
selectboxのoptionタグのvalue...
おすすめ情報
画像URLですが
&(アンド)が自動変換されててエラーが出てますのでURLのアンドを小文字に書き換えて下さい。
http://or2.mobi/index.php?mode=image&file=153778.jpg