Переход по ссылке из списка Select на JS


Select (Combobox) переход по ссылке, после выбора одного из пунктов выпадающего списка с помощью JavaScript. Ниже размещены несколько примеров (вариантов) для создания ссылок в select и перехода по ним.
Демо-пример (переход по ссылке select)
Для возврата, воспользуйтесь кнопкой браузера!
Пример кода (переход после выбора из списка):
<select name="Навигация" onchange="top.location.href=this.options[this.selectedIndex].value;">
<option
selected value="ssylki-select-na-js.html">Ссылки select на JS</option>
<option
value="karta-sajta-sitemap-xml.html">Карта сайта XML</option>
<option
value="favicon-ikonka-dlya-sajta.html">Фавикон для сайта</option>
</select>
В теге select необходимо прописать:
onchange="top.location.href=this.options[this.selectedIndex].value;"
Свойства select (combobox):
option (название) -- прописываете текст с описанием;
value (значение) -- прописываете ссылку для перехода.
Форматы для ссылок:
Внешняя ссылка: http://www.site.ru
Внутренняя ссылка: stranica-na-vashem-sayte.html
Скрипт сработает после выбора одного из пунктов выпадающего списка select.

Связанный select с ссылкой на JS


Если вам нужна ссылка (кнопка), которая будет изменяться в зависимости от выбранного пункта из выпадающего списка select (combobox), тогда можете использовать ещё один вариант скрипта, (пример ниже).
Демо-пример (связанный select с динамической ссылкой)
Выберете и нажмите на ссылку:
В HTML-исходнике страницы между тегами <head>, вставьте скрипт:
<script>
window.onload = function() {
var b = document.getElementById('
Combobox2'),
a = document.getElementsByTagName('a')[0];
b.onchange = function () {a.href = this.value}}
</script>
В третьей строке: Combobox2 - это id select(а), замените его на свой id.
Пример HTML-кода для динамической ссылки:
<a href="karta-sajta-sitemap-xml.html" onclick="return hs.htmlExpand(this,{objectType:'iframe'})">Перейти</a>
В теге ссылки необходимо прописать:
onclick="return hs.htmlExpand(this,{objectType:'iframe'})"
Select (Combobox) и динамическую ссылку размещайте в одном слое (массиве).
Пример HTML-кода для select и ссылки в одном слое:
<div id="Sloy">
  
<select name="Имя" id="Combobox">
      <option selected value="
link1.html">Описание</option>
      <option value="
link2.html">Описание</option>
  
</select>
  
<a href="karta-sajta-sitemap-xml.html" onclick="return hs.htmlExpand(this,{objectType:'iframe'})">Перейти</a>
</div>
Свойства select (combobox):
option (название) -- прописываете текст с описанием;
value (значение) -- прописываете ссылку для перехода.
Скачать исходник .wbs (версия 12.3.0)