提交按鈕鏈接基於下拉選項選擇，在新標籤打開

Question

我正在使用腳本解決方案，我在這裏找到，通過@ 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> 

Answer 1

沒有一個作家能做到可以選擇在新標籤而不是新窗口中打開。 你可以在新窗口中打開如下

window.open(url,'_blank'); 

其中URL是你的目標形式下拉列表

禁用提交按鈕，直到列表中的一個選項被選中，選中此link