Можно ли использовать <select>для выбора действия для поискового ввода

Question

Я пытаюсь создать код, в котором вы можете выбрать поисковую систему, а затем выполнить поиск оттуда. Примерно так:

<form>
    <select>
        <option action="https://google.com/search" target="_blank">Google</option>
    </select>
  <input size="50" type="search" id="search" name="q">
</form>

Я знаю, что это не правильно, но возможно ли это? Если нет, есть ли другой способ сделать это?

Answer 1

Javascript, Jquery

$('button').click((e)=>{
	e.preventDefault();
	if($('select').val() === 'google'){
		let url = $('#search').val();
		console.log(`Text before: ${url}, selected: ${$('select').val()}`);
		url = `https://www.google.com/search?q=${url}&sourceid=chrome&ie=UTF-8`;
		window.open(url, '_blank'); // open in new tab
	}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
    <select>
        <option value="google">Google</option>
    </select>
    <input size="50" type="search" id="search" name="q"></input>
	<button>search</button>
</form>