Отобразить название выбранного option value url

kikorik

Постоялец
Регистрация
13 Май 2012
Сообщения
141
Реакции
11
Всем привет, помогите пожалуйста реализовать:
есть выпадающий список
HTML:
<select id="foo">
                            <option value="">Выбрать магазин</option>
                            <option value="http://name.com/shop1">Название 1</option>
                            <option value="http://name.com/shop2">Название 2</option>
                            </select>
<script>
  document.getElementById("foo").onchange = function() {
  if (this.selectedIndex!==0) {
  window.location.href = this.value;
  }       
  };
</script>

При выборе, на текущей странице отображается вместо названия выбранного магазина, текс -Выбрать магазин. Если я перешла на магазин 2, то как сделать чтоб отображалось Название 2, и так далее, как сделать ?
 

Absolute

Крокодил ;)
Регистрация
9 Авг 2009
Сообщения
581
Реакции
453
HTML:
document.addEventListener("DOMContentLoaded", function() {
    var foo = document.getElementById("foo");
    foo.value = window.location.href;
    foo.onchange = function() {
       if (this.selectedIndex !== 0) {
          window.location.href = this.value;
        }      
    };
 });
 
Последнее редактирование:
Сверху