質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.51%

window.openerのプロパティに変数の組み込み

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 1,221

kirin311

score 51

当方、行き詰っておりまして皆様のお知恵をお借りしたく、質問失礼いたします。

 質問内容

プロパティというのでしょうか?(間違ってたらすみません。)
window.openerのプロパティに変数を組み込みたいのですが、何か良い方法はないでしょうか?

該当のソースコードで言うと
window.opener.document.frm.ppp+no.value = document.getElementById("val").value;

ppp+no

の部分です。

console.logでは、正常に動作しております。
動作としては、
クエリーが?no=153&flag=1だった場合

開発ツールで確認したところ
153
1
と表示されております。

最終的には、ppp153といったような形にしたいです。

変数を使わず、
window.opener.document.frm.ppp153.value
といったようにするだけであれば、一つだけなら可能ですが153個とか複数にしたいので・・・

 該当のソースコード

Javascript&PHP

<?php
EOF;
$no = $_GET['no'];
$flag = $_GET['flag'];

print <<<EOF
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>タイトル</title>
</head>
<body>
        <h1>子ウィンドウ</h1>

                <form name="childfrm" action="" method="post">
                        <input type="text" name="sub_input" id="val" value="">
                        <input type="button" onclick="setValue()" value="OK">
                </form>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <script type="text/javascript">
    var no = {$no};
    var flag = {$flag};

        function setValue() {
            if (!window.opener || window.opener.closed){
                console.log("メインウインドウがありません。");
            }else{
                console.log(no);
                console.log(flag);
                window.opener.document.frm.ppp+no.value = document.getElementById("val").value;
                // window.close();
            }
        }
    </script>

</body>
</html>
EOF;
?>

 試したこと

   <script type="text/javascript">
    var no = {$no};
    var flag = {$flag};

        function setValue() {
            if (!window.opener || window.opener.closed){
                console.log("メインウインドウがありません。");
            }else{
                var p = { 'name':'ppp'+no};
                var result = p['name'];

                //console.log(no);
                //console.log(flag);
                console.log(result);

                window.opener.document.frm.result.value = document.getElementById("val").value;
                // window.close();
            }
        }
    </script>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2018/08/04 14:16

    PHPから出力される情報はあくまで基本「文字列」となるのでクォーテーションで囲ってあげてJavaScript側で適切に変換してあげた方がいいかもしれません。

    キャンセル

  • kirin311

    2018/08/04 15:38

    コメント、ありがとうございます。無事解決しました。

    キャンセル

回答 1

checkベストアンサー

+2

pppは文字列ですか?変数ですか?

  • 文字列なら
window.opener.document.frm[`ppp${no}`].value = document.getElementById("val").value;


文字列と変数の連結はテンプレートリテラルで書いてます。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings
['ppp' + no] でもかまいません。

  • 変数なら
window.opener.document.frm[ppp + no].value = document.getElementById("val").value;

これでどうでしょうか。
JSの場合は、プロパティにドット記法でもブラケット記法でもアクセスできます。
変数を使いたい場合はブラケット記法で書くしかないです。

詳しくは以下をご確認ください。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/08/04 15:37

    凄い助かります、文字列と変数2つの方法の提示ありがとうございます。
    pppは、文字列でしたので文字列の方法を利用させていただいたところ無事解決しました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.51%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る