主页 / 问题 / 686202
Accepted
Alex Stassov
Asked:2020-07-02 16:24:33 +0000 UTC2020-07-02 16:24:33 +0000 UTC

从子窗口填充文本区域字段 - jQuery

  • 772

你好朋友，有一个窗口（父），在这个窗口中有 3 个文本字段

<textarea name="jaloby" rows="5" class="form-control" id="jaloby" ></textarea> 
<textarea name="obekt" rows="5" class="form-control" id="obekt" ></textarea> 
<textarea name="diagnoz" rows="5" class="form-control" id="diagnoz" ></textarea>

在JS的帮助下，打开一个子窗口，那里还有三个文本字段

<textarea name="jaloby2" rows="5" class="form-control" id="jaloby2" ></textarea> 
<textarea name="obekt2" rows="5" class="form-control" id="obekt2" ></textarea> 
<textarea name="diagnoz2" rows="5" class="form-control" id="diagnoz2" ></textarea>

如何实现，例如，当按下按钮时，子窗口的文本字段的值被传输到文本字段

在父窗口中。

顺便说一句，子窗口通过跟踪打开。编码

<script type="text/javascript">
  function go(addr) {
  window.open(addr,"MyWin", "menubar=no,width=1200,height=970");
  }

链接是

<a href = ''  "  onclick="go('vendors/tree/demo/index.php?id=<?php echo $id ; ?>&fio=<?php 

echo $fio ; ?>'); return false;">

我将不胜感激！

javascript

1 个回答

  1. Best Answer

    子窗口的代码。

    HTML

    <textarea name="jaloby2" rows="5" class="form-control" id="jaloby2" ></textarea>

    JS

    let jaloby, jaloby2, doc;
window.addEventListener('load', () => {
    jaloby2 = document.querySelector('#jaloby2');
    doc = window.opener.document;
    jaloby = doc.querySelector('#jaloby');

    jaloby2.addEventListener('change', () => {
        jaloby.value = jaloby2.value
    }
});

    window.opener允许您访问window父窗口。通过它，您已经可以访问documentDOM 并对其执行任何操作。

    • 1

相关问题