Ir para conteúdo

POWERED BY:

Arquivado

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

Usfe

Enviar valor na GET por um select option

Recommended Posts

Bom dia pessoal, estou com um problema pois não consigo passar um valor por um select...

 

tenho um form:

<form action="" method="post">
<select name="categoria">
<option value="false">Azul</option>
<option value="false">Roxo</option>
<option value="true">Amarelo</option>
</select>

...

</form>

 

a dificuldade é a seguinte, preciso que quando for selecionado uma opção que seja false

o formulário continue assim:

<form action="" method="post">
<select name="categoria">
<option value="false">Azul</option>
<option value="false">Roxo</option>
<option value="true">Amarelo</option>
</select>

<input type="text" name="valor"/>

</form>

 

e quando for selecionado uma opção que seja true

o formulário continue assim:

<form action="" method="post">
<select name="categoria">
<option value="false">Azul</option>
<option value="false">Roxo</option>
<option value="true">Amarelo</option>
</select>

Modelo:
<input type="radio" name="modelo" value="1">Modelo 1</br>
<input type="radio" name="modelo" value="2">Modelo 2</br>
<input type="radio" name="modelo" value="3">Modelo 3</br>

<input type="text" name="valor"/>

</form>

 

 

o que eu preciso é que quando ele selecionar uma opção e se ela for false por exemplo

ele envie na GET da seguinte forma:

 

http://localhost/pojeto/index.php?valor=false

 

ai pra frente acho que consigo.. tentei utilizar jquery mas ainda não sei trabalhar bem na linguagem, mas no meu caso não tem problema ocorrer um refresh na pagina.

 

quem poder me ajudar, ou postar um link de algum tutorial bacana fico grato ;)/>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ao trocar o select, isso atualizaria a pagina e passaria a variavel

 

<select name="categoria" class="input" onChange="if (options[selectedIndex].value) { window.self.location.href = options[selectedIndex].value; }">

 

Testa ai!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra que complicar galera? Bom não sei se entendi direito, porém se for oque estou pensando, resolva com js poxa..

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script>
function inputs(valor){



				if (valor == 'true') {


				document.getElementById('inputs').className = 'active';

				}

				else {document.getElementById('inputs').className = 'disable';}


}; //function


</script>


<style>
.disable {display: none;}
.active {display:;}
</style>

</head>

<body>


<form action="" method="post">
<select name="categoria" onchange="javascript:inputs(this.value)">
<option value="false">Azul</option>
<option value="false">Roxo</option>
<option value="true">Amarelo</option>
</select>

<div id="inputs" class="disable">
Modelo:
<input type="radio" name="modelo" value="1">Modelo 1</br>
<input type="radio" name="modelo" value="2">Modelo 2</br>
<input type="radio" name="modelo" value="3">Modelo 3</br>
</div>

<input type="text" name="valor"/>

</form>


</body>
</html>

 

 

Abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Acharia melhor você passar números value="1" ou value="0" no option do que false. Por que isso vai se tornar uma string e não um boolean, e por mais que de certo é até mais seguro usar números.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra que complicar galera? Bom não sei se entendi direito, porém se for oque estou pensando, resolva com js poxa..

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script>
function inputs(valor){



				if (valor == 'true') {


				document.getElementById('inputs').className = 'active';

				}

				else {document.getElementById('inputs').className = 'disable';}


}; //function


</script>


<style>
.disable {display: none;}
.active {display:;}
</style>

</head>

<body>


<form action="" method="post">
<select name="categoria" onchange="javascript:inputs(this.value)">
<option value="false">Azul</option>
<option value="false">Roxo</option>
<option value="true">Amarelo</option>
</select>

<div id="inputs" class="disable">
Modelo:
<input type="radio" name="modelo" value="1">Modelo 1</br>
<input type="radio" name="modelo" value="2">Modelo 2</br>
<input type="radio" name="modelo" value="3">Modelo 3</br>
</div>

<input type="text" name="valor"/>

</form>


</body>
</html>

 

 

Abraço.

 

 

Opa valeu @leomarriel é exatamente isso muito bom mas pra ficar melhor, teria como por exemplo:

nos campos que estavam ocultos quando forem ativados e preenchidos no caso dos botões radios e depois

a opção fosse trocada para uma cor falsa teria como limpar essa seleção...

porque caso contrário o valor será enviado no cadastro...

 

se tiver, fico grato... não conheço muito de js ainda.. :/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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