Я пытаюсь создать поле выбора со ссылками, по которым посетитель может щелкнуть, выбрать элемент из списка и перенаправить на эту страницу в новой вкладке. Поле выбора должно отображать «Выбор» по умолчанию, который является просто заполнителем и ни на что не ссылается.
У меня есть два кода, которые почти соответствуют потребностям, но они немного отличаются, и оба подходят коротко. Первый помещает скрипт в голову и не открывается в новой вкладке. Второй использует скрипт на месте и пытается найти страницу «Выбрать», которая заканчивается 404.
Первый:
<form action="dummy" method="post">
<select name="choice" size="1" onChange="jump(this.form)">
<option value="">Select...</option>
<option value="http://yoursite.com/test1/">Test 1</option>
<option value="http://yoursite.com/test2/">Test 2</option>
<option value="http://yoursite.com/test3/">Test 3</option>
</select></form>
Я не рекомендовал бы это, это, вероятно, будет заблокировано браузером. Тем не мение:
$('#menu').on('change', function() {
window.open($(this).val(), '_blank');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="menu">
<option selected disabled>Select an option</option>
<option value="http://stackoverflow.com">StackOverflow</option>
<option value="http://google.com">Google</option>
</select>
Других решений пока нет …