Exibir/Ocultar Input

[Espector 0]

Opa,

 

Tenho o seguinte codigo javascript que oculta/exibi o form:

 

<script type="text/javascript">
function valor(qual) {
if(qual=="sim") {
document.form.valor.style.display="block";
document.form.impacto.style.display="block";
}
if(qual=="nao") {
document.form.valor.style.display="none";
document.form.impacto.style.display="none";
}
}
</script>

 

Só que o meu problema é que cada input possui um nome diferente

 

<?PHP

echo "<input type='text' name='valor".$i."' id='valor'>";
echo "<input type='text' name='transacoes".$i."' id='valor'>";

?>

 

 

Como faço para o javascript reconhecer a variável $i dentro do <Script>?

 

Abraço!

 

[Mateus Vinicius 1]

Bom, é bastante simples dependendo de como vai usar a variável $i. Tenta esse:

 

 

 

<script type="text/javascript">
function valor(qual) {
var i = <?php echo $i; ?>
    if (qual == "sim") {
        document.form.valor.style.display = "block";
        document.form.impacto.style.display = "block";
    }
    if (qual == "nao") {
        document.form.valor.style.display = "none";
        document.form.impacto.style.display = "none";
    }}
</script>

 

[M.Torres 1]

Cara,

 

Tu não pode ter dois elementos no html com id's iguais.

 

Você pode armazenar essa variável em um input hidden e recuperá-la através de js, fica bem organizado.

[Progjunior Daniel 34]

Por isso que jquery é mais dinâmico do que o próprio js. Porque você pode usar não só o ID, mas também a classe. Tente ver jquery.

[Tiago Sabadini 3]

Pelo que o Projunior escreveu e dando continuidade se quiser usar jquery faça da seguinte forma:

$(document).ready(function(){

   $('#meu_form').find('input[type=text]').each(function(i, el){
      var valor = el.val();
      if( valor.indexOf('sim') != -1 ){
         $(this).hide();
      }
   });

});

Eu não consegui testar pq aqui na faculdade só tenho IE e aqui não tá funcionando o jsbin...