Criar text field apartir de outro text field

acborba · Dezembro 10, 2008

Pessoal estou querendo fazer o seguinte: o usuário preenche um text field (quantidades de perguntas) com um valor X (exemplo 5), eu quero que logo abaixo apareçam 5 novos campos (perguntas) text field. Isso é possível? É algo "um pouco" parecido como quando você preenche um list/menu com o seu estado e no list/menu cidade aparece as cidades relacionadas.

Alguém sabe se isso é possível e como posso fazer?

Obrigado

Jonathan Queiroz · Dezembro 10, 2008

Seria algo parecido com isto:

<html>
<head>
<title>Minha Página</title>
<script type="text/javascript">
function AddCampos() {
x = prompt("Digite o número de campos")
if (isNaN(x)) {
// Não é um número válido
alert("Digite um número válido !")
AddCampos()
}else{
// É um número válido
form1 = document.getElementById("form1")
for (i=1;i<=x;i++) {
form1.innerHTML += "<input type='text' name='campo" + i + "'>"
}
}
}
</script>
</head>
<body>
<form name="form1" id="form1" action="" method="post">
<!--
Os campos serão adcionados aqui
-->
</form>
</body>
</html>

Espero ter ajudado !

acborba · Dezembro 10, 2008

Seria exatamente assim: exemplo só que mas no lugar do list menu eu vou digitar o valor.

Jonathan Queiroz · Dezembro 10, 2008

É a mesma coisa, mas você adapta o script para escrever um tabela, onde ficará escrito em uma coluna "nome" e na outra será escrito o textarea !

acborba · Dezembro 10, 2008

O código do exemplo é assim:

Aqui já estou definindos a quantidade (list /menu)

<select size="1" name="personas" onchange="expandir_formulario()" >
<option value="0">?</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>
</select>

Nesta função já sei qual o valor vai ser porque já esta descrito no list/menu. Minha dúvida é como farei isso se eu não tenho idéia de qual o valor será digitado.

function expandir_formulario(){
if (document.f1.personas.value == "0"){
    xDisplay('capaexpansion', 'none')
    xDisplay('capaexpansion2', 'none')
    xDisplay('capaexpansion3', 'none')
    xDisplay('capaexpansion4', 'none')
    xDisplay('capaexpansion5', 'none')
}
if (document.f1.personas.value == "1"){
    xDisplay('capaexpansion', 'block')
    xDisplay('capaexpansion2', 'none')
    xDisplay('capaexpansion3', 'none')
    xDisplay('capaexpansion4', 'none')
    xDisplay('capaexpansion5', 'none')
}

if (document.f1.personas.value == "2"){
    xDisplay('capaexpansion', 'block')
    xDisplay('capaexpansion2', 'block')
    xDisplay('capaexpansion3', 'none')
    xDisplay('capaexpansion4', 'none')
    xDisplay('capaexpansion5', 'none')
}
if (document.f1.personas.value == "3"){
    xDisplay('capaexpansion', 'block')
    xDisplay('capaexpansion2', 'block')
    xDisplay('capaexpansion3', 'block')
    xDisplay('capaexpansion4', 'none')
    xDisplay('capaexpansion5', 'none')
}
if (document.f1.personas.value == "4"){
    xDisplay('capaexpansion', 'block')
    xDisplay('capaexpansion2', 'block')
    xDisplay('capaexpansion3', 'block')
    xDisplay('capaexpansion4', 'block')
    xDisplay('capaexpansion5', 'none')
}
if (document.f1.personas.value == "5"){
    xDisplay('capaexpansion', 'block')
    xDisplay('capaexpansion2', 'block')
    xDisplay('capaexpansion3', 'block')
    xDisplay('capaexpansion4', 'block')
    xDisplay('capaexpansion5', 'block')
}
}

Aqui CSS

<style type="text/css">
#capainicio{
position:relative;
}

#capaexpansion{
position:relative;
display:none;

}

#capaexpansion2{
position:relative;
display:none;

}

#capaexpansion3{
position:relative;
display:none;

}

#capaexpansion4{
position:relative;
display:none;

}

#capaexpansion5{
position:relative;
display:none;

}

#capafinal{
position:relative;

}
</style>

Jonathan Queiroz · Dezembro 10, 2008

Do mesmo jeito que lhe mostrei ali em cima, use o prompt("Sua pergunta", "Valor pré-definido")

Você está com o script pronto ali !

acborba · Dezembro 10, 2008

Do mesmo jeito que lhe mostrei ali em cima, use o prompt("Sua pergunta", "Valor pré-definido")
Você está com o script pronto ali !

Ok vou dar uma analisada com mais calma. ;)

Entrar

Criar text field apartir de outro text field

Pergunta

acborba

Link para o comentário

Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

acborba

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

acborba

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

acborba

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades