javascript - 前のhtmlページに値を渡す方法

Question

テキストボックスのある HTML ページがあります。テキストボックスをクリックするとポップアップが表示され、[OK] ボタンをクリックするとポップアップが閉じ、最初の HTML ページのテキストボックスに 2 番目の HTML で指定された値が入力されます。私はこのようなものを試しました、

one.html

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

second.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>

second.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";