[Resolvido] Links em um OPTION

[Ted k' 126]

Olá galera como eu faço para quando eu selecionar uma opção do meu menu SELECT ele ir para um determinado site exe:

 

<select name="select" id="select">

<option value="http://www.terra.com.br">terra</option>

<option value="http://ww.bol.com.br">bol</option>

</select>

 

Obrigado pela atenção!

[vagner.net 0]

Utilizar o componente SELECT como lista de link's não é recomendado pelos padrões de usabilidade.Mas se você precisa, a melhor forma de fazer isso é assim:-----------------------------------------------------------------<script> function setEvent(id, ev, fn){ var obj = document.getElementById(id); if (obj.addEventListener) obj.addEventListener(ev, fn, false); if (obj.attachEvent) obj.attachEvent("on"+ev, fn); } function link(e){ try{var element = e.target }catch(er){}; try{var element = event.srcElement }catch(er){}; if (element.value) window.location.href = element.value; } window.onload = function(){ setEvent('select', 'change', link) }</script><select name="select" id="select"> <option value="" > Selecione </option> <option value="http://www.terra.com.br" > terra </option> <option value="http://www.bol.com.br" > bol </option></select>-----------------------------------------------------------------E se você não ta nem aí para os Web Standards e o W3C, também pode fazer assim:-----------------------------------------------------------------<script> function link(e){ try{var element = e.target }catch(er){}; try{var element = event.srcElement }catch(er){}; if (element.value) window.location.href = element.value; }</script><select name="select" id="select" onchange=link();> <option value="" > Selecione </option> <option value="http://www.terra.com.br" > terra </option> <option value="http://www.bol.com.br" > bol </option></select>-----------------------------------------------------------------Da primeira forma não cria código híbrido... OK..!!?? T+

[Ted k' 126]

Vlw vagner.net mais já consegui resolver o problema antes.... o código que conseguir é até menor em coparação ao seu mais obrigado assim mesmo!!!!!

 

Abraços!!!!!!

[vagner.net 0]

Fazer código pequeno é fácil, quero ver fazer Web Standard e ser Crossbrowser.MENOR CÓDIGO HÍBRIDO --------------------------------------------------------------<select name="select" id="select" onchange="location.href = select.value;"><option value="" > Selecione </option><option value="http://www.terra.com.br" > terra </option><option value="http://www.bol.com.br" > bol </option></select>------------------------------------------------------------------------------------------

[caduteclab 0]

Fazer código pequeno é fácil, quero ver fazer Web Standard e ser Crossbrowser.

 

MENOR CÓDIGO HÍBRIDO --------------------------------------------------------------

 

<select name="select" id="select" onchange="location.href = select.value;">

<option value="" > Selecione </option>

<option value="http://www.terra.com.br" > terra </option>

<option value="http://www.bol.com.br" > bol </option>

</select>

------------------------------------------------------------------------------------------

 

//O mais correto seria este código...

 

 

 

 

<script>

 

function changeLocation(menuObj)

{

var i = menuObj.selectedIndex;

 

if(i > 0)

{

window.location = menuObj.options.value;

}

}

</script>

 

 

 

<select onChange="javascript:changeLocation(this)">

<option selected>Visit a search engine</option>

<option value="http://google.com">Google</option>

<option value="http://altavista.com">Altavista</option>

<option value="http://ask.co.uk">Ask Jeeves</option>

</select>

[MarkAnt 0]

Muito bom esse código, funciona certinho.

Obrigadão