jsでサブページを実現し、親ページに値を付与する(2つの方法)

1674 ワード

(方法一)
   :
<input  id="input1" type="text"/>
<a href="javascript:window.open('test1.aspx');void(0)">       </a>

   :
<input id="input2" type="text" />
<input id="bt" type="button" onclick="doit();" value="        "/>
<script type="text/javascript" language="javascript">
function doit()
{
  var _value=document.getElementByIdx('input2').value;
  window.opener.document.getElementByIdx('input1').value=_value;
}
</script>

 
(方法二)
   :
<input id="input1" type="text" />
<a href="javascript:GetReturnValue();void(0)">         </a>
<script type="text/javascript" language="javascript">
 function GetReturnValue()
 {
     var temp= window.showModalDialog("test1.aspx","","center=yes;help=no;status=no");
     document.getElementByIdx('input1').value = temp;
 }
</script>

   :
<input id="input2" type="text" />
<input id="bt" type="button" onclick="doit();"  value="        "/>
<script type="text/javascript" language="javascript">
function doit()
{
  var _value=document.getElementByIdx('input2').value;
  window.returnValue =_value;
  window.close();
}
</script>