Ir para conteúdo

POWERED BY:

Arquivado

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

jackvalantine

[Resolvido] adicionar campo ao formulário

Por , em Javascript

Recommended Posts

jackvalantine    0

jackvalantine
Postado

pessoal fazendo um busca pelo assunto achei esse script

 

 

 

<html><head><title>JavaScript - ADD INPUT TEXT</title><script language=javascript>function addInput(Name,Value, Parent){//alert(Parent);var oInput = document.createElement("input");  oInput.setAttribute("name", Name);  oInput.setAttribute("type ", "text");  oInput.setAttribute("value ", Value);   oInput.setAttribute("size ", 20);  return Parent.appendChild(oInput);}</script><body><form name="form1"><input type=text name=teste size=20><input type=button value=adicionar onClick="addInput('nome_campo', 'valor do campo', document.form1);"></form></body></html>

 

 

 

porem estou tentando adaptalo ao que preciso e não estou conseguindo, alguem saberia me dizer como eu adiciono mais dois campos a ele, desde ja agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

tygo    0

tygo
Postado

vê se te serve como base//

 

<html><head><script>var linhalinha = 1function replica(){var campos = new Array(3)campos[0] = "datadefabricacao";campos[1] = "datadevalidade";campos[2] = "lote";document.getElementsByTagName("form")[0].innerHTML += "<div>" + document.getElementsByTagName("div")[0].innerHTML + "</div>";div_nova = document.getElementsByTagName("div")[linha]inputs_novos = div_nova.getElementsByTagName("input");	for(i=0;i<inputs_novos.length;i++)	{	inputs_novos[i].id = campos[i]+"#"+linha;	}	linha++;}// essa função é só para tu clicar em qualquer input e ver que o id foi alteradofunction mudou_id(obj){alert(obj.id);}</script></head><body>		<form>		<div>			data de fabricação: <input type="text" id="datadefabricacao#0" onclick="mudou_id(this)" />			data de validade: <input type="text" id="datadevalidade#0" onclick="mudou_id(this)" />			lote: <input type="text" id="lote#0" onclick="mudou_id(this)" />		</div>	</form>	<a href="#" onclick="replica()">replica</a></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bianca Indini    0

Bianca Indini
Postado

Fiz este codigo, porem não estou conseguindo pegar o valor inseridos nos campos atraves do metodo POST.

Vou fazer o insert atraves de metodo php.

Como faço p referenciar o campo e pegar o valor dele?

Compartilhar este post

Link para o post
Compartilhar em outros sites

jackvalantine    0

jackvalantine
Postado

revivendo o post, vou colocar a solução que eu encontrei:

 

pagina;

funcao.js

teste = 1;

function campos(){

var numero = document.getElementById("n_campo").innerHTML;

teste++;

var pai = document.getElementById('bookconteudo');

var recebe = document.getElementById('bookconteudo');

var div_recebe = document.createElement('div');
div_recebe.setAttribute('id','recebe');

recebe.appendChild(div_recebe);

//cria uma div
var div = document.createElement('div');
div.setAttribute('id','n_cam');


div.appendChild(document.createTextNode(teste));

div_recebe.appendChild(div);

//fim

//cria 2ª div
var div1 = document.createElement('div');
div1.setAttribute('id','doc_cam')

var campo1 = document.createElement('input');
        campo1.setAttribute('id','doc');
        campo1.setAttribute('type','text');
        campo1.setAttribute('name','documento[]');
		campo1.setAttribute('size','30');
		campo1.setAttribute('maxLength','50');
		div1.appendChild(campo1);
		div_recebe.appendChild(div1);

//fim

//cria 3ª div
var div2 = document.createElement('div');

div2.setAttribute('id','assunto_cam');
var campo2 = document.createElement('input');
		campo2.setAttribute('type','text');
        campo2.setAttribute('id','assunto');
        campo2.setAttribute('name','assunto[]');
		campo2.setAttribute('size','70');
		campo2.setAttribute('maxLength','100');
        div2.appendChild(campo2);
		div_recebe.appendChild(div2);
}

var conta = 1;
function campos2(){

//var conta2 = document.getElementById("n_cam").innerHTML;

conta++;

//$total = conta + $conta2;

var pai = document.getElementById('grupo2');

var recebe = document.getElementById('grupo2');

var div_recebe = document.createElement('div');
div_recebe.setAttribute('id','recebe');

recebe.appendChild(div_recebe);

//cria uma div
var div = document.createElement('div');
div.setAttribute('id','n_cam');


div.appendChild(document.createTextNode(conta));

div_recebe.appendChild(div);

//fim

//cria 2ª div
var div1 = document.createElement('div');
div1.setAttribute('id','doc_cam')
var campo1 = document.createElement('input');
        campo1.setAttribute('id','doc');
		campo1.setAttribute('class','imput_branco');
        campo1.setAttribute('name','docu[]');
		campo1.setAttribute('size','30');
		campo1.setAttribute('maxlength','50');
		div1.appendChild(campo1);
		div_recebe.appendChild(div1);

//fim

//cria 3ª div
var div2 = document.createElement('div');
div2.setAttribute('id','assunto_cam');
var campo2 = document.createElement('input');
        campo2.setAttribute('id','assunto');
        campo2.setAttribute('name','assu[]');
		campo2.setAttribute('size','70');
		campo2.setAttribute('maxlength','100');
        div2.appendChild(campo2);
		div_recebe.appendChild(div2);

}
retornaCampos.php

<?php
$numero = $_POST["numero"];
$numero = $numero + 1;


?>
<div id="n_campo"><?php echo $numero;?></div>
<div id="doc_campo"><input name="documento[]" type="text" id="label3" size="30" maxlength="50" /></div> 
<div id="assunto_campo"><input name="assunto[]" type="text" id="label4" size="70"  maxlength="100"/></div>

trecho do formulário onde ao se clicar no botão insere uma linha com novos campos.

 

form.php

<div id="grupo">
		<div id="gera_dados2"><label class="espaco">N°</label><label class="espaco2">Documento</label><label class="espaco3"> Assunto</label></div>
		<div id="n_campo" align="center">1</div>
		<div id="doc_campo"><input name="documento[]" type="text" id="docu" size="30" maxlength="50" autocomplete ="off" /></div> 
		<div id="assunto_campo" ><input name="assunto[]" type="text" id="assu" size="70" maxlength="100" autocomplete ="off" /></div>
		<div id="ajuste"><img src="imagens/caixa/bt_adiciona.jpg" alt="Adicionar Campos" width="25" height="25" border="0" onclick="campos()" /></div>
</div>

espero ajudar alguem....

 

até

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Jackvalantine, obrigado por compartilhar a sua solução conosco. Poderá ser muito útil a outros usuários.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafaelmota    0

rafaelmota
Postado

Fiz este codigo, porem não estou conseguindo pegar o valor inseridos nos campos atraves do metodo POST.

Vou fazer o insert atraves de metodo php.

Como faço p referenciar o campo e pegar o valor dele?

 

Bianca,

 

Você conseguiu chegar em uma solução ?

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