如何使用 JavaScript / HTML 使用下拉列表和文本框定向 URL

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="dropdown" class="dropdown" （即下拉框）具有告诉文本框要搜索哪个站点的值。文本框的位置 href: dropdown+input 应该转到下拉值中提供的网站加上输入查询

例如，如果它在 vite 上并且我输入了“google”

它应该添加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>