[Resolvido] Abrir Campo através do valor digitado em input

[Brambilla 0]

Bom dia pessoal tudo beleza?

 

eu gostaria que através do número digitado em campo input type='text':

 

ex:

<input name="num_parcela" type="text" id="num_parcela" size="2" maxlength="3"/>//digitar por exemplo 12

em seguida abrir 12 campos assim :

1ª - R$ <input name="valor_parcela" type="text" id="valor_parcela" size="10" maxlength="10" /> - Vencimento:<input name="venc_parcela" type="text" id="venc_parcela" size="11" maxlength="10" />

Obrigado

abraços

[William Bruno 1501]

Você terá que trabalhar com innerHTML ou algum método semelhante, que crie elementos na página.

Fazendo um loop, até alcançar o número que foi digitado.

 

Qual é a dificuldade ? como você tentou fazer?

[Brambilla 0]

Na verdade eu gostaria de uma função que identifica o valor digitado e abre os campos de acordo com que foi o usuário pediu

se o usuário desejar 10 parcelas aparecer 10 campos.

Obrigado

[William Bruno 1501]

Okay! :lol:

 

Não existe 'função pronta' para isso. Você terá que desenvolver. Qual é a dúvida ?

<script type="text/javascript">
function id( el ){ 
 return document.getElementById( el );
}

function cria_campos( prefix ){
 var qnts = id('qntos').value;
 alert( qnts );
 id('aqui').innerHTML = ''; //limpando
 for( var i=1; i<=qnts; i++ )
 {
 id('aqui').innerHTML += '<li>'+i+'</li>'
 }
}
</script>

<input type="text" name="qntos" id="qntos" />
<input type="button" name="Criar" value="Criar" onclick="cria_campos()" />
<ul id="aqui">

</ul><!-- /aqui -->

fiz como exemplo para que você possa estudar.

[Brambilla 0]

beleza vou tentar obrigado

[Brambilla 0]

Deu boa cara obrigado abraço

function id( el )
	{ 
 	return document.getElementById( el );
	}
function cria_campos(div)
	{
	var qts = id('qts').value;
	id(div).innerHTML = ''; //limpando
	for( var i=1; i<=qts; i++ )
		{
	 	id(div).innerHTML += ''+i+'ª - R$ <input name="valor_parcela" type="text" id="valor_parcela" size="10" maxlength="10" /> - Vencimento:<input name="venc_parcela" type="text" id="venc_parcela" size="11" maxlength="10" /><br>'
	 	}
	}