根据所选的下拉选项提交按钮链接,在新选项卡中打开

时间:2012-09-22 19:42:08

标签: drop-down-menu hyperlink submit

我正在使用我在这里找到的脚本解决方案,@ clops(clops)根据下拉列表中选择的项目设置表单中提交按钮的onclick值。脚本中的所有内容都正常工作,但是我想在单击按钮时在新选项卡中打开新窗口。在选择列表中的选项之前,禁用提交按钮也是很好的。任何反馈都会有所帮助。谢谢。 当前的脚本和HTML如下:

                <script>
                function goToNewPage() {
                    if(document.getElementById('target').value){
                        window.location.href = document.getElementById('target').value;
                    }
                }
                </script>
                <form name="dropdown">
                    <select name="selected" id="target" accesskey="E">
                    <option selected>Select...</option>
                    <option value="http://www.google.com/">Google</option>
                    <option value="http://www.search.com/">Search.com</option>
                    <option value="http://www.dogpile.com/">Dogpile</option>
                    </select>
                    <input type="button" value="Go" onclick="goToNewPage(document.dropdown.selected)">
                </form>

1 个答案:

答案 0 :(得分:0)

作者无法做的任何事情都可以选择在新标签页中打开,而不是在新窗口中打开。 您可以在新窗口中打开它,如下所示

window.open(url,'_blank');

其中URL是您的目标形式下拉列表

要禁用提交按钮,直到选中列表中的某个选项,请检查此link