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

Drop down menu 根据所选下拉选项提交按钮链接,在新选项卡中打开,drop-down-menu,hyperlink,submit,Drop Down Menu,Hyperlink,Submit,我使用的是我在这里找到的一个脚本解决方案,@clops(clops),它根据下拉列表中选择的项目设置表单中提交按钮的onclick值。脚本中的所有内容都正常工作,但是我希望在单击按钮后在新选项卡中打开新窗口。另外,在选择列表中的某个选项之前,最好禁用“提交”按钮。任何反馈都会有帮助。谢谢 当前脚本和HTML如下所示: <script> function goToNewPage() {

我使用的是我在这里找到的一个脚本解决方案,@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>

函数goToNewPage(){
if(document.getElementById('target').value){
window.location.href=document.getElementById('target')。值;
}
}
选择。。。
谷歌
Search.com
狗堆

任何作者都不能选择在新选项卡而不是新窗口中打开。 您可以在新窗口中打开它,如下所示

window.open(url,'_blank');
在下拉列表中,URL是您的目标

要禁用“提交”按钮直到选择列表中的选项,请选中此项