При выборе select переход на другую страницу

622

26 февраля 2017, 09:44

Есть разметка

<select>
<option data-id="сылка 1">1</option>
<option data-id="сылка 2">2</option>
<option data-id="сылка 3">3</option>
<option data-id="сылка 4">4</option>
</select>

как при выборе определенного select перекидывала на ту ссылку которая указана в атрибуте option средствами jquery

Answer 1

<select onchange="if (this.value) window.location.href = this.value"> 
    <option value="">select:</option> 
    <option value="https://www.gismeteo.ru">gismeteo</option> 
    <option value="http://www.nova-wings.ru/forecast/">nova-wings</option> 
</select>

Answer 2

Еще как вариант

$("select").change(function() { 
  var option = $(this).find('option:selected'); 
  window.location.href = option.data("url"); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<select> 
    <option data-url="http://www.google.com">1</option> 
    <option data-url="https://www.yandex.ru">2</option> 
</select>