Ir para conteúdo
Fórum Script Brasil
  • 0

Capturando valor do select - Dúvida


R_MontSerrat

Pergunta

Boa tarde amigos

Não estou conseguindo capturar o valor do select, só captura o primeiro valor.

Segue o código

HTML

<select name="acompanhante" id="acompanhante" onchange="document.getElementById('white_content').style.display='block';document.getElementById('black_overlay').style.display='block;';return false;" >
      <option value="0">Sem acompanhantes</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
    </select>
Javascript
&lt;script LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var 
numero;
indice = document.getElementById("acompanhante").selectedIndex;
teste = document.getElementById("acompanhante").options[indice].value;
document.write (teste);
for (numero=1; numero<=teste; numero++){

document.write ("<input name=nome_acompanhante type=text value=acompanhante class=input2 />"+" ");
}
//-->
</SCRIPT>

Vocês podem me ajudar? Preciso disso urgentemente

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Eu sugiro a voce não usar document.write, por que voce não sabe em que lugar da página ele vai colocar, eu acho ruim esse método sei la. Se eu fosse voce colocava um <p> ou criava um com javascript, para abrigar esses campos.

Usa o window.onload, e dentro coloca um document.getElementById("acompanhante").onchange = function (), para verificar toda vez que o select for alterado, e no for, voce não pode usar document.write, por que ele vai sobreescrever o input anterior!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<script>
<!--
window.onload = function () {
    document.getElementById("acompanhante").onchange = function () {
        var numero, indice, teste;
        indice = document.getElementById("acompanhante").selectedIndex;
        teste = document.getElementById("acompanhante").options[indice].value;
        document.getElementById("o").innerHTML = teste + " - Acompanhantes<br>";
        for (numero=0; numero<teste; numero++){
        document.getElementById("o").innerHTML +=  "<input name='nome_acompanhante' type='text' placeholder='acompanhante' class='input2' />" + "<br>";
        }
    }
}
//-->
</SCRIPT>
</head>

<body>
<select name="acompanhante" id="acompanhante" onchange="document.getElementById('white_content').style.display='block';document.getElementById('black_overlay').style.display='block;';return false;" >
      <option value="0">Sem acompanhantes</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
    </select>
    <p id="o"></p>
</body>
</html>

Editado por Arash
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...