Условие перехода на другую страницу в зависимости от выбранного поля в выпадающем меню

251

03 июля 2017, 20:17

Всем привет, стоит задача написать условие на javascript для ситуации, когда пользователь выбирает группу, нажимает кнопку "вперед" и в зависимости от его выбора подтягивается та или иная страничка (например список этой группы).

Я прекрасно понимаю логику работы, но из-за нехватки опыта - проблема такая: я не знаю как подтянуть значение группы (пробовал по ID, почему-то вышло, просидел кучу времени и в итоге решил написать сюда.) и какое значение должна принимать переменная, если, переменная var == 0 для выпадающего списка (может ли она вообще такое значение принимать или должно быть null)

Напишите пожалуйста корректный вариант и, если не трудно, РАСТОЛКУЙТЕ что да как, пересмотрел кучу видео, кучу статей, нашел вариант только такой:

var val = getElementById('one').value; 
if val == 0 document.location.href = spisokgryppi.html '; 
else alert("Данный код в баззе не хранится!");)

<!DOCTYPE> 
<HTML> 
 
<HEAD> 
  <meta charset="utf-8"> 
  <script type="text/javascript"> 
   -- 
  </script> 
</head> 
 
<body> 
  <form> 
    <h4>Номер группы</h4> 
    <select> 
    			<option disabled>Номер группы</option> 
    			<option id = "one" >07-16</option> 
    			<option id = "two" >06-14</option> 
    			<option id = "three">06-15</option> 
    		</select> 
  </form> 
 
  <form 1> <input type="submit" value="Вперед"> </form 1> 
</body> 
 
</HTML>

Answer 1

<body>
  <form>
    <h4>Номер группы</h4>
    <select id="mySelect">
                <option disabled>Номер группы</option>
                <option value="1" >07-16</option>
                <option value="2" >06-14</option>
                <option value="3">06-15</option>
    </select>
  </form>
  <button id="myButton" onClick="myButtonClickHandler()" value="Вперед"></button> 
</body>
function myButtonClickHandler(event) {
  var mySelect = document.getElementById('mySelect');
  var value = mySelect.value;
  document.location.href = "spisokgryppi" + value + ".html";
}

Условие здесь не нужно, просто по клику на кнопку, берем текущее значение из формы и перенаправляем по сформированной ссылке Поправил под сценарий описанный в комментарии