Jump to content
Fórum Script Brasil
  • 0

Capturando valor do select - Dúvida


R_MontSerrat
 Share

Question

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 to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 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>

Edited by Arash
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.5k
×
×
  • Create New...