Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sandler Riot

list select com link

Por , em Javascript

Recommended Posts

Sandler Riot    0

Sandler Riot
Postado

Tenho isso:

 

<select name="teste">
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
   <option value="pagina.html">Nome do link</option>
</select>

como faço para ao marcar determinada opção, ele jogar automaticamente pro link do value?

 

valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

Nao sei se entendi, mas seria isto?

 

<script>
function Redireciona(){
var selecao = document.form.opcoes;
//Pode-se usar, por exemplo, desta duas formas: action e window.open

document.form.action=selecao.options[selecao.selectedIndex].value;
//window.open(selecao.options[selecao.selectedIndex].value,'_blank');
}
</script>
<form method="post" name="form" onSubmit="Redireciona()">
	<select name="opcoes">
		<option value="pagina1.html">link 1</option>
				<option value="http://www.google.com.br">Google</option>
				<option value="pagina3.html">link 3</option>
	</select>
<input type="submit" value="Enviar">
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado

Então altera o evento para onChange

 

JAVASCRIPT
<script>

function Redireciona(){

var selecao = document.form.opcoes;

//Pode-se usar, por exemplo, desta duas formas: action e window.open

 

document.form.action=selecao.options[selecao.selectedIndex].value;

//window.open(selecao.options[selecao.selectedIndex].value,'_blank');

}

</script>

<form method="post" name="form">

    <select name="opcoes"  onChange="Redireciona()">

        <option value="pagina1.html">link 1</option>

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

                <option value="pagina3.html">link 3</option>

    </select>

</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sandler Riot    0

Sandler Riot
Postado

desculpa galera, mas sou meio leigo... tentei arrumar o code aqui mas nao funcionou. vejam:

 

<html>
<head>
<title>Untitled Document</title>
<script>
function Redireciona(){
var selecao = document.form.opcoes;
//Pode-se usar, por exemplo, desta duas formas: action e window.open

document.form.action=selecao.options[selecao.selectedIndex].value;
//window.open(selecao.options[selecao.selectedIndex].value,'_blank');
}
</script>

<form name="links">
</head>

<body>
<form method="post" name="form">
	<select name="opcoes"  onChange="Redireciona()">
		<option value="pagina1.html">link 1</option>
				<option value="http://www.google.com.br">Google</option>
				<option value="pagina3.html">link 3</option>
	</select>
</form>
</body>
</html>

 

=/

 

 

alguem pode me ajudar?

:(

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado

JAVASCRIPT
<html>

<head>

<title>Untitled Document</title>

<script>

function Redireciona(opcao){

location.href=opcao;

}

</script>

<form name="links">

</head>

 

<body>

<form method="post" name="form1">

    <select name="opcoes" id="opcoes" onChange="Redireciona(this.value)">

        <option value="pagina1.html">link 1</option>

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

                <option value="pagina3.html">link 3</option>

    </select>

</form>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hperon    0

hperon
Postado

Boa tarde, consegui corrigindo 2 itens que o GuttoSP montou.

 

 

 

 

<html>
<head>
<title>Untitled Document</title>
<script>
function Redireciona(){
location.href=opcoes.value;
}
</script>
<form name="links">
</head>
<body>
<form method="post" name="form1">
<select name="opcoes" id="opcoes" onChange="Redireciona(this.value)">
<option value="pagina1.html">link 1</option>
<option value="http://www.google.com.br">Google</option>
<option value="pagina3.html">link 3</option>
</select>
</form>
</body>
</html>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito