Ajuda javascript

30 de dezembro de 2009 6 respostas

rafaelpaz 30 de dezembro de 2009

boa tarde pessoal,

Alguém sabe como passar um valor numerico de um select para uma funçao em javascript?

meu código de select está assim:

<select name="teste" >
	<option value="1" onclick="javascript: hide( 1 )"> radioOne </option> // aqui quero passar o número 1 para a função hide(), não sei se a funçao onclick é necessário aqui 
	<option value="0" onclick="javascript: hide( 0 )"> radioTwo </option>//  aqui quero passar o número 2 para a função hide()
</select>

tenho uma fução em javascript:

function hide( valor ) {

 if ( valor == 1 ){ // Está errado e preciso saber como é corretamente

// faça alguma coisa
}else{

// faça outra coisa
}

}

Se alguém souber, favor passar um exemplo. dei uma procurada na net, mas nada de interessante

6 Respostas

Alexandre_Saudate 30 de dez. de 2009

rafaelpaz:
boa tarde pessoal,

Alguém sabe como passar um valor numerico de um select para uma funçao em javascript?

meu código de select está assim:
radioOne // aqui quero passar o número 1 para a função hide(), não sei se a funçao onclick é necessário aqui radioTwo // aqui quero passar o número 2 para a função hide()
tenho uma fução em javascript:

function hide( valor ) {

if ( valor == 1 ){ // Está errado e preciso saber como é corretamente

// faça alguma coisa
}else{

// faça outra coisa
}

}

Se alguém souber, favor passar um exemplo. dei uma procurada na net, mas nada de interessante

Tentou comparar como se fosse string, neste exemplo citado?

Acho que ficaria mais interessante , também, se você passasse

hide (this.value)

[]´s

rafaelpaz 30 de dez. de 2009

valeu pela dica, mas não era bem isso que gostaria.. vou ser mais específico: Tenho dois radio buttons e esses radios vão aparecer mediante o valor que vem do select, por exemplo, se vier o numero 0, o javascript irá esconder o radio, se vir o numero 1 do select o radio vai ficar visível.

segue o código abaixo:

/<html>
<head>
<script type="text/javascript">

function hide(el) {

if(document.getElementById(el).value == 0){ 
	
		document.getElementById(el).style.visibility="hidden";
 }

 if(document.getElementById(el).value == 1){
	
	document.getElementById(el).style.visibility="show";
	
	}
}



</script>
</head>

<body>
<form>

<input type="radio" name="rad" id="radioOne" value="0">

<input type="radio" name="rad" id="radioTwo" value="1"><br>


<select id="idCombo" name="teste" >
	<option  value="1" onclick="javascript: hide(this.value)"> radioOne </option>
	<option  value="0" onclick="javascript: hide(this.value)"> radioTwo </option>
</select>


</form>

</body>
</html>

O código acima não está funcionando..

alguma ajuda ai???

Rafa_Ferrari 30 de dez. de 2009

cara pega pelo id do campo eh mais facil do q pegar pelo valor

erodrigocosta 30 de dez. de 2009

Cara olha se isso te ajuda

<html>
	<head>
		<title>Como pegar o valor de um select</title>
		<script >
			function hide( valor ) {

				//oculta as divs
				document.getElementById("el_1").style.visibility = "hidden";
				document.getElementById("el_2").style.visibility = "hidden";

				if ( valor == 0 ){ // Está certo testar dessa forma 			
					document.getElementById("el_"+(valor+1)).style.visibility = "visible";
				}else if(valor == 1){
					document.getElementById("el_"+(valor+1)).style.visibility = "visible";
					
				}

			} 
		</script>
	</head>
	<body>
	<!--onchange funciona para qualquer opção que você escolher e o "this.value" irá pegar o valor da opção-->
	<select name="teste" onchange="hide( this.selectedIndex )"> 
		<option value="4" > radioOne </option> 
		<option value="5" > radioTwo </option>
		<option value="6" > radioThree</option>
	</select>


	<div id="el_1" style="visibility:hidden;">teste1</div>
	<div id="el_2" style="visibility:hidden;">teste2</div>

	</body>
<html>

Explica melhor o que você quer exatamente.

Alexandre_Saudate 30 de dez. de 2009

rafaelpaz:
valeu pela dica, mas não era bem isso que gostaria.. vou ser mais específico: Tenho dois radio buttons e esses radios vão aparecer mediante o valor que vem do select, por exemplo, se vier o numero 0, o javascript irá esconder o radio, se vir o numero 1 do select o radio vai ficar visível.
segue o código abaixo:
/<html>
<head>
<script type="text/javascript">

function hide(el) {

if(document.getElementById(el).value == 0){ 
	
		document.getElementById(el).style.visibility="hidden";
 }

 if(document.getElementById(el).value == 1){
	
	document.getElementById(el).style.visibility="show";
	
	}
}



</script>
</head>

<body>
<form>

<input type="radio" name="rad" id="radioOne" value="0">

<input type="radio" name="rad" id="radioTwo" value="1"><br>


<select id="idCombo" name="teste" >
	<option  value="1" onclick="javascript: hide(this.value)"> radioOne </option>
	<option  value="0" onclick="javascript: hide(this.value)"> radioTwo </option>
</select>


</form>

</body>
</html>
O código acima não está funcionando..

alguma ajuda ai???

Você reparou q o ID dos radios tá diferente do que você está tentando pegar no código, certo?

rafaelpaz 3 de jan. de 2010

erodrigocosta:

Cara olha se isso te ajuda

<html>
	<head>
		<title>Como pegar o valor de um select</title>
		<script >
			function hide( valor ) {

				//oculta as divs
				document.getElementById("el_1").style.visibility = "hidden";
				document.getElementById("el_2").style.visibility = "hidden";

				if ( valor == 0 ){ // Está certo testar dessa forma 			
					document.getElementById("el_"+(valor+1)).style.visibility = "visible";
				}else if(valor == 1){
					document.getElementById("el_"+(valor+1)).style.visibility = "visible";
					
				}

			} 
		</script>
	</head>
	<body>
	<!--onchange funciona para qualquer opção que você escolher e o "this.value" irá pegar o valor da opção-->
	<select name="teste" onchange="hide( this.selectedIndex )"> 
		<option value="4" > radioOne </option> 
		<option value="5" > radioTwo </option>
		<option value="6" > radioThree</option>
	</select>


	<div id="el_1" style="visibility:hidden;">teste1</div>
	<div id="el_2" style="visibility:hidden;">teste2</div>

	</body>
<html>

Explica melhor o que você quer exatamente.

Brother, valeu pela ajuda, era mais ou menos isso mesmo. Vou receber alguns valores( numeros ) do select, dependendo do valor eu escondo ou mostro o radio button. O problema que nao estava conseguindo enviar os valores pela funcao, mas voce mostrou ai como se faz…
valeu mesmo!!! Agora so vou trocar o texto pelos radios…

Criado 30 de dezembro de 2009

Ultima resposta 3 de jan. de 2010

Respostas 6

Participantes 4

6 Respostas

Topicos relacionados