Как вернуть несколько поисковых запросов с помощью 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

Создайте свой уровень, затем соедините его с вашим 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>