根据选定的下拉选项打开弹出窗口

时间:2013-04-25 09:30:50

标签: html forms popup

我要做的是创建一个带有下拉列表和提交按钮的简单表单。从下拉列表中选择一个选项后,用户单击提交按钮,将打开一个弹出窗口,允许他们查看有关所选选项的更多信息。

现在我只是:

<form action="example.php" method="post" target="_blank">
    <select size="7" name="identifier" style="width: 100%;">
        <option>
            Options....
        </option>
    </select>
</form>

现在这确实“有效”,因为当用户选择一个选项并按下提交时,它会打开一个新窗口,其中包含所选选项后传递的数据。但是我想特别打开一个较小的弹出窗口,其大小我可以定义,而不是一个全新的窗口。我也知道target = _blank已被弃用,所以我想知道现在实现这个目标的首选方法是什么?

3 个答案:

答案 0 :(得分:0)

以下是可能解决您的问题的链接(stackoverflow链接):how to show popup if select "option" in "select" dropdown using javascript?

答案 1 :(得分:0)

试试这个

<form action="example.php" method="post" target='popup' onsubmit="window.open('','popup','width=700,height=400,left=200,top=200,scrollbars=1')">

或者将此代码添加到您的提交按钮:    的onclick = “window.open( '', '弹出', '宽度= 700,高度= 400,左= 200,顶部= 200,滚动条= 1')”

答案 2 :(得分:0)

onsubmit调用javascript函数。
在该函数中获取您需要传递的所有值 例如var myelementval = document.getElementById('myelement')
然后使用window.open('mywindow.php?myelement ='+ myelementval,“mypopupname”,“width = 500,height = 400,resizable = yes,top = 100,left = 200,scrollbars = yes”.... .....