popup将参数返回给父级

时间:2016-02-29 18:28:09

标签: javascript jquery

我的网站在点击按钮时打开一个弹出窗口,现在,用户可以单击确定或取消。如果确定,则必须发送父级中的表单。

父:

<input class="boton" type="button" value="Ok" accesskey="O" onClick="openPopup(,'texto.','Do you want to continue?')"/>

function openPopup

function openPopup(button,textoAlert,subTextoAlert) {
 var html = ...
  "<input class='botonPopup' type='button' value='Cancel' accesskey='C' onclick=\"window.close('popup');\"/>" +
    "<input class='botonPopup' type='button' value='Ok' accesskey='O' onclick=\"window.close('popup'); return true;\"/>"
     popup = window.open('','', 'titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, top=300, left=300, width=484, height=231');
  popup.document.write(html);
      ...

所以,当点击按钮ok时,我需要使用这个&#34; true&#34;

我该怎么做?

1 个答案:

答案 0 :(得分:1)

您可以使用parent属性访问父窗口(包括DOM树和全局可访问的变量)。

例如,parent.document.getElementById('...').dostuffparent.callback(true)

您可以将其添加到弹出窗口中onclick元素的input处理程序中。

示例:

<强>父

<script>
  function callback(choice) {
    alert(choice ? "User hit ok!" : "User hit cancel");
  }
</script>
<input class="boton" type="button" value="Ok" accesskey="O" onClick="openPopup(,'texto.','Do you want to continue?')"/>

<强>弹出

function openPopup(button,textoAlert,subTextoAlert) {
 var html = ...
  "<input class='botonPopup' type='button' value='Cancel' accesskey='C' onclick=\"parent.callback(false); window.close('popup');\"/>" +
    "<input class='botonPopup' type='button' value='Ok' accesskey='O' onclick=\"parent.callback(true); window.close('popup');\"/>"
     popup = window.open('','', 'titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, top=300, left=300, width=484, height=231');
  popup.document.write(html);
      ...