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:
[code]
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
}
}[/code]
Se alguém souber, favor passar um exemplo. dei uma procurada na net, mas nada de interessante
[quote=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
[/quote]
Tentou comparar como se fosse string, neste exemplo citado?
Acho que ficaria mais interessante , também, se você passasse
hide (this.value)
[]´s
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:
[code]/
radioOne
radioTwo
[/code]
O código acima não está funcionando…
alguma ajuda ai???
cara pega pelo id do campo eh mais facil do q pegar pelo valor
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.
[quote=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:
[code]/
radioOne
radioTwo
[/code]
O código acima não está funcionando…
alguma ajuda ai???[/quote]
Você reparou q o ID dos radios tá diferente do que você está tentando pegar no código, certo?
[quote=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.[/quote]
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…