Question

这可能是一个受欢迎的问题，但我找不到我正在寻找的答案。无论如何我想要做的是将父窗口中的选项值传递给弹出窗口，这样我就可以根据所选选项在弹出窗口中显示一些内容。这是我父窗口的代码。

<select name="itemSelect" id="itemSelect">
<option>chair</option>
<option>table</option>
</select>
<a class="button" href="#" onclick= "MyWindow=window.open('form3.php','MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,width=500,height=650'); return false;">enter data</a>

Answer 1

使用jQuery，你可以做点什么。

value = $('#itemSelect option:selected').val();
window.open('form3.php?value='+value+', MyWindow

然后，您可以在PHP页面上查找$_GET['value']并进行处理！

Answer 2

<a class="button" href="#" onclick= "MyWindow=window.open('form3.php?itemSelect='+document.getElementById('itemSelect').value,'MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,width=500,height=650'); return false;">enter data</a>

然后在form3.php

echo $itemSelect = $_GET['itemSelect'];

Answer 3

您可以通过特殊的onclick处理程序通过hash或url param添加值来执行此操作：

<a class="button" href="#" onclick= "openNewWindow()">enter data</a>

JS：

function openNewWindow() {
  var your_select = document.getElementById("itemSelect");
  var value = your_select.options[your_select.selectedIndex].value;
  MyWindow=window.open('form3.php#' + value,
      'MyWindow',
      'toolbar=no,location=no,...,width=500,height=650');
  // ... or
  // MyWindow = window.open('form3.php?select_value=' + value, ...

  return false;
}

Answer 4

您想将所选选项传递到弹出窗口以获得更好的互动吗？

在js中使用alert()会更容易;使用onclick处理程序，您可以在js中调用函数，然后使用alert(document.getElementById().value=variable)

显示弹出窗口

如何将选定的值传递给html弹出窗口

4 个答案: