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

建立您的关卡，然后将其连接到您的URL。例如：

<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>

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

1 个答案: