如何使用JavaScript/HTML直接鏈接到下拉菜單和文本框

Question

multiinc.xyz正在進行改造。
在標題中是一個帶有下拉的文本框作爲表單元素，但是提交的內容沒有任何內容。

這裏是以下斷碼

<!-- Script --> 
 
<script> 
 
function CheckPassword() { 
 
    var input=document.type.input.value; 
 
    location.href = dropdown+input+'/'; 
 
} 
 
</script> 
 
<!-- End Script --> 
 

 
<!--FORM TEXT BOX --> 
 
<form method="post" action="ingen_javascript.htm" 
 
    onsubmit="CheckPassword();return false;" name="type"> 
 
<pre> 
 

 

 

 
    <!--Dropdown--> 
 
    <div class="styled-select slate"> 
 
<select id="dropdown" class="dropdown" > 
 
    <option value="http://vitemulti.weebly.com/">Vite</option> 
 
    <option value="http://multi-napkin.weebly.com/page#">Napkin ID</option> 
 
    <option value="http://">http://</option> 
 
    <option value="">URL</option> 
 
</select></div> 
 
    <!--End--> 
 

 
<input type="text" name="input" placeholder="multiinc.xyz" list="autocomplete" > 
 

 

 
</pre> 
 
<input type="submit" value="" 
 
    onclick="CheckPassword();return false;" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" onclick="move()"> 
 
</form> 
 

 

 
<!--END FORM-->

在代碼中，ID = 「下拉菜單」 類= 「下拉菜單」（這是下拉框）具有該值告訴文本框要搜索的網站。文本框有位置的href：下拉菜單+輸入，應該去在下拉值提供的網站加上輸入查詢

例如，如果這是對維生素E和我在「谷歌」

應該添加類型http://vitemulti.weebly.com/ + google = http://vitemulti.weebly.com/google

感謝堆！

Answer 1

你可以嘗試這樣的

<script> 
    function CheckPassword() { 
    var input=document.type.input.value; 
    var dropdown = document.getElementById("dropdown").value 
    location.href = dropdown+input+'/'; 
    } 
</script>