如何使用 JavaScript 返回多个搜索查询

Question

我有一个非常简单的表单，用于在另一个网站上搜索数据，我现在遇到的问题是如何返回查询。

这是我的表格

<form action="javascript:redirect()">
<label>Search :
<input id="search" type="search">
<select name="level" id="level1">                                                                                                                                                                                                 
  <option value="senior">Senior</option>
  <option value="junior">Junior</option>
</select>
</label>
<button type="submit">Search website</button>
</form>

这是我的脚本：

<script type="text/javascript">
 function redirect() {
  var q = document.getElementById("search");
  var level = document.getElementById("level");
  var url = "https://someweb.com/search/?q=" + q.value;
   window.open(url,"");
  }
</script>       

我想返回这样的东西

https://someweb.com/search/?q=search-id&level=levelid

即。如果我搜索 css 并选择初级，我的浏览器应该返回

https://someweb.com/search/?q=css&level=junior

Answer 1

构建您的关卡，然后将其连接到您的网址。 例如：

<script type="text/javascript">
 function redirect() {
  var q = document.getElementById("search");
  var level = document.getElementById("level");
  // Build level query string
  level = level.value ? '&level=' + level.value : '';
  var url = "https://someweb.com/search/?q=" + q.value + level;
   window.open(url,"");
  }
</script>