В зависимости от выбора в select перейти по нужной

  • Автор темы Dogy
  • Дата начала
Статус
Закрыто для дальнейших ответов.
D

Dogy

Код:
<form name="searchForm"> 
<select style="background: ff0000" name="whichEngine" size="1"> 
<option selected>Altavista</option> 
<option>Yahoo!</option> 
<option>Excite</option> 
<option>Hotbot</option> 
<option>Infoseek</option> 
<option>Lycos</option> 
<option>AOL Netfind</option> 
<option>Yandex</option> 
<option>Rambler</option> 
<option>Mail.ru</option> 
</select> 
<input type="button" value="Перейти" onclick="test();"> 
</form>
Как должна выглядеть функция test()?
 
S

STYX

Вот так:
Код:
<script> 
function test(){ 
window.location.href = searchForm.whichEngine.options[searchForm.whichEngine.selectedIndex].value 
} 
</script> 
<form name="searchForm"> 
<select size="1" name="whichEngine"> 
<option value="http://www.altavista.com/" selected">Altavista</option> 
<option value="http://www.yahoo.com/">Yahoo!</option> 
</select> 
<input type="button" value="Перейти" onclick="test();">
</form>
 
L

life4beer

Или так:
Код:
<script> 
function test(){ 
searchForm.action = searchForm.whichEngine.options[searchForm.whichEngine.selectedIndex].value;
searchForm.submit(); 
} 
</script> 
<form name="searchForm"> 
<select size="1" name="whichEngine"> 
<option value="http://www.altavista.com/" selected">Altavista</option> 
<option value="http://www.yahoo.com/">Yahoo!</option> 
</select> 
<input type="button" value="Перейти" onclick="test();">
</form>
преимущества:
а) мы не ограничены методом "GET", можно и постом перейти куда надо
б) если кроме этого селекта есть еще элементы формы, внесенные данные в которые хотелось бы передать, то в этом случае данные будут переданы
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях: