Сылки в списке html формы

[Fastfold]

Здравствуйте, мне нужно сделать выбор сайтов в списке html формы. Смысл этого списка - дать возможность перейти на выбранный сайт.

Осуществить переход по ссылки из списка формы не составила труда.

<form name="site" class="form-inline">     <select name="list" class="form-control" onChange="top.location.href = this.form.list.options[this.form.list.selectedIndex].value; return false;">          <option>Open web-site</option>          <option value="http://www.site1.ru">Site 1</option>	  <option value="http://www.site2.ru">Site 2</option>     </select></form>

При нажаний мы переходим на нужный сайт, в этом же окне. Но если я нажимаю вернутся назад ( в браузере ). Я возвращаюсь на сайт и вижу выбранный элемент за место Open web-site.

Как сделать чтобы у меня всегда оставался выбран Open web-site. ? Надеюсь смог обьяснить что нужно сделать. Спасибо.

 

PS. Прошу прошения за ошибки.

Edited December 2, 2013 by Fastfold

[wwt]

<option selected>Open web-site</option>

Кстати:

top.location.href = this.form.list.options[this.form.list.selectedIndex].value; return false;

А не проще сделать вот так:

location.href = this.value;return false;

[Fastfold]

<option selected>Open web-site</option>

Кстати:

top.location.href = this.form.list.options[this.form.list.selectedIndex].value; return false;

А не проще сделать вот так:

location.href = this.value;return false;

 

Не так не выходит. Сделал так

<script type="text/javascript">    function OpenSite(DropDown) {        var TargetIndex = DropDown.selectedIndex;        DropDown.selectedIndex = 0;        window.location.href = DropDown.options[TargetIndex].value;    }</script>

<form name="site" class="form-inline">     <select name="list" class="form-control" onChange="OpenSite(this)">          <option>Open web-site</option>          <option value="http://www.site1.ru">Site 1</option>	  <option value="http://www.site2.ru">Site 2</option>     </select></form>

Осталось сделать, чтоб открыть ссылку в новом окне. Кто подскажет как ?

[wwt]

window.open('http://site.ru','_blank');

[Fastfold]

window.open('http://site.ru','_blank');

Это не совсем то. Именно в моем скрипте как открыть в новом окне ?

 

Вот эта строка отвечает за открытие ссылки.

window.location.href = DropDown.options[TargetIndex].value;

Edited December 2, 2013 by Fastfold

[Fastfold]

А все сделал. Спасибо.

window.open(DropDown.options[TargetIndex].value);

Edited December 2, 2013 by Fastfold

[wwt]

//и можно сделать проверку на 0

function OpenSite(DropDown) {

        var TargetIndex = DropDown.selectedIndex;

        if( ! TargetIndex) return false;

        DropDown.selectedIndex = 0;

        window.open(DropDown.options[TargetIndex].value,'_blank');

    }

Чтобы не срабатывало открытие окна если выбрали строку Open web-site Edited December 2, 2013 by wwt

[Fastfold]

Ее не возможно выбрать из за скрипта, он всегда делает Open web-site активным.

Ну для подстраховки можно просто указать <option disabled="disabled">

Edited December 2, 2013 by Fastfold

[wwt]

Ее не возможно выбрать из за скрипта, он всегда делает Open web-site активным.

Ну для подстраховки можно просто указать <option disabled="disabled">

не всегда. в вашем скрипте вы устанавливаете индекс на 0 только в момент события, но не в момент загрузки документа. ДЛя того чтобы определенный пункт был выбран по дефолту есть атрибут selected. А в момент срабатывания события можно проверить не выбран ли этот дефолтный пункт и если выбрали его, то не открывать окно:

if( ! TargetIndex) return false;