javascript - 将表单数据发送到按钮提交的弹出窗口

Question

我有一个只有一个选择框的表单，现在当用户点击提交按钮时，会打开一个弹出窗口。但我需要此弹出窗口包含 form 中的值。我一直写到这里，但无法传递表单值。在线阅读有关此问题的信息，但仍然没有帮助。

任何建议都会有所帮助。

<form action="" method="post">
                        <select name="sme">
                        <option value="sometinf">Someting</option>
                        <option value="p">p</option>
                        </select>
                        <input onclick="javascript:popUp();" type="submit" class="btn btn-lg btn-border" value="Upgrade">
                        </form>

<script type="text/javascript">
    function popUp()
    {
        popupWindow = window.open('admin_upgrade_user.php','User','resizable=yes,scrollbars=yes,width=650,height=550');
        popupWindow.focus();
    }
    </script>

错误现已修复，但未完全修复

好的，我好像可以取到值了。但是，没有新的弹出窗口打开，它显示当前弹出窗口中的值，什么会触发这个？

Answer 1

在这种情况下使用 Get 方法更容易，并将表单值包含在 url 字符串中。

您也可以通过在提交时返回 false 来停止提交您的表单(因此刷新页面)。

一个例子可能如下:

function popUp() {
    var sme = document.getElementById('sme'), opt;
    if (sme) {
        opt = sme.options[sme.selectedIndex].value;
        popupWindow = window.open('admin_upgrade_user.php?opt=' + opt,'User','resizable=yes,scrollbars=yes,width=650,height=550');
        popupWindow.focus();
        return false;
    }
    return false;
}

请参阅 jsfiddle 上的此链接:http://jsfiddle.net/Icepickle/7mU4m/

和 html 上的一些小改动

<form onsubmit="return popUp();">
    <select name="sme" id="sme">
        <option value="sometinf">Someting</option>
        <option value="p">p</option>
    </select>
    <input type="submit" class="btn btn-lg btn-border" value="Upgrade" />
</form>