javascript - 如何将值传递给上一个html页面

Question

我有一个带有文本框的 HTML 页面。单击文本框时，会出现一个弹出窗口，单击“确定”按钮后，弹出窗口必须关闭，第一个 html 页面中的文本框必须填充第二个 HTML 中给出的值。我尝试过这样的事情，

一个.html

    <form name="form1" >
          <input type="text" name="source" onclick="window.open('second.html')" />
    </form>

第二个.html

  <input type="button" onclick="{document.form1.source.value='hello';window.close()}" />

Answer 1

在你的 first.html

<form name="form1" >
         <input type="text" id="txt1" name="source" onclick="window.open('second.html')" />
    </form>
<script type="text/javascript" >
function setvalue(args)
  {
    document.getElementByid('txt1').value=args;
  }
</script>

第二个.html

  <input type="button" onclick="settoparent()" />
<script type="javascript">
  function settoparent()
   {
    if(window.opener.setvalue!=undefined)
     {
      setvalue("textboxvaluefromHTML2");
     }
   window.close()
   }
</script>

Answer 2

你必须使用

window.opener.$("#yourtextfieldid").val(value);

为达到这个

在你的香草 JS

window.opener.document.yourelementID.fieldname.value="Any value";