如何使用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>