Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Henrique Cestarolli

Criar campo "text" a partir de um list/menu

Por , em Javascript

Recommended Posts

Henrique Cestarolli    0

Henrique Cestarolli
Postado

Oi pessoal,

 

Estou montando um formulario e tenho o seguinte list/menu:

 

<select name="Quantidade" id="select3">
                <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>
              </select>

Gostaria que quando a pessoa selecionasse o valor 3, por exemplo, aparecesse 3 campos text para preenchimento. Parece simples, mas estou apanhando...

 

Vocês podem me ajudar?

 

Obrigado,

Henrique

Compartilhar este post

Link para o post
Compartilhar em outros sites

Willian Vieira    0

Willian Vieira
Postado

Oi pessoal,

 

Estou montando um formulario e tenho o seguinte list/menu:

 

<select name="Quantidade" id="select3">
                <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>
              </select>

Gostaria que quando a pessoa selecionasse o valor 3, por exemplo, aparecesse 3 campos text para preenchimento. Parece simples, mas estou apanhando...

 

Vocês podem me ajudar?

 

Obrigado,

Henrique

 

Foi isso que entendi:

 

html

<body>
    Quantidade:
    <select name="Quantidade" onchange="mostra(this.value)">
        <option></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>
    </select>
    

    

<div id="texto"></div>
</body>

Javascript

function mostra(quantidade){
    var texto = "";
    var name = "";    
    for(i=1;i<=quantidade;i++){
        name = name+i;
        texto += "Nome " +  i + " = <input type='text' name='name"+i+"'>
"; 
    }
    document.getElementById('texto').innerHTML = texto;
}

Se alguém tiver uma maneira melhor.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito