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

[kikorik]

Всем привет, помогите пожалуйста реализовать:
есть выпадающий список

<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]

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;
        }      
    };
 });