Зависимые два списка (select) с кнопкой для перехода


JavaScript - два зависимых выпадающих списка (select) с кнопкой-ссылкой (button) для перехода. Ссылка в кнопке для перехода будет меняться в зависимости от выбранного значения (option), во втором выпадающем списке.
Пример зависимых двух выпадающих списков (select) с кнопкой для перехода.
Выберите раздел:
Выберите страницу:
В HTML-исходнике страницы между тегами <head>, вставьте скрипт:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script>
function fillSecondCombo()
{
  
var combo1 = document.getElementById('razdel');
  
var combo2 = document.getElementById('page');
   var selected = combo1.options[combo1.options.selectedIndex].value;

  
if (selected == 1)
   {
combo2.options.length = 4;
combo2.options[0] = new Option("
Выберите", "#");
combo2.options[1] = new Option("
Яндекс", "https://yandex.ru");
combo2.options[2] = new Option("
Гугл", "https://www.google.ru");
combo2.options[3] = new Option("
Майл", "https://go.mail.ru");
   }
   else
  
if (selected == 2)
   {
combo2.options.length = 3;
combo2.options[0] = new Option("
Выберите", "#");
combo2.options[1] = new Option("
Новое", "https://newradio.ru");
combo2.options[2] = new Option("
Максимум", "http://maximum.ru");
   }
   else
   {
combo2.options.length = 0;
   }
}

var butt = document.getElementById("
go");
var str = document.getElementById("
page");
butt.onclick = function() {
window.location = str.value;
}

function reset_options() {
document.getElementById('
razdel').options.length = 0;
return true;
}
</script>
razdel - это id первого выпадающего списка (select) «Раздел».
page - это id второго выпадающего списка «Выберите страницу».
go - это id кнопки (input type="button") «Перейти».
В HTML исходнике страницы, в Теге <body> пропишите:
onbeforeunload='reset_options()'
В HTML исходнике первого списка, в Теге пропишите:
onchange="fillSecondCombo(); return false;"
Пример HTML-кода для выпадающих списков и кнопки:
<select name="Раздел" id="razdel" onchange="fillSecondCombo(); return false;">
<option selected value="0">
Выберите</option>
<option value="1">
Поиск</option>
<option value="2">
Радио</option>
</select>

<select name="Страница" size="1" id="page">
<option value="#"></option>
</select>

<input type="button" id="go" name="button" value="Перейти">
Скачать исходник .wbs (версия: 12.4.0)
Обсуждение на форуме WYSIWYG Web Builder РФ