Excluir Campo Dinamicamente

[sr.silva 1]

Pessoal,

 

Utilizo esse código pra ir adicionando campos.

Ou seja, acidentalmente adicionei mas não precisava. Como apagar esse campo ?

 

<table border="1">
<tr>
 <td id="itens"></td>
</tr>
</table>

<script>
	intcont = 4
	function inserir_mais_itens(){
		str = "<table cellpadding='2' cellspacing='0' border='0' width='386'><tr>";
		str+= "<td><input type='text' name='txtDescricao_" + intcont;
		str+= "' class='inputtxt3'/></td>";
		str+= "<td><input type='text' name='txtQuantidade_" + intcont;
		virg = ","
		str+= "' class='inputtxt4'  maxlength='7' onKeyPress='return(currencyFormat(this,virg,virg,event))'/></td>";
		str+= "</tr></table>";
		document.getElementById('itens').innerHTML += str;
		intcont++;
			}
</script>
<input type="button" onclick="inserir_mais_itens();" />

[]´s

 

-Edit-

 

Pessoal, consegui fazer um script. Peço então a gentileza pra vocês verificarem se está correto ou não

 

Baseado em: http://forum.imasters.com.br/index.php...st&p=611200

 

<script>
	function remover_itens(src){	
		var tr = document.getElementById(src);
		tr.parentNode.removeChild(tr);
	 }  

	intcont = 4
	function inserir_mais_itens(){
		str = "<table cellpadding='2' cellspacing='0' border='0' width='386' id='campos'><tr id="+ intcont +">";
		str+= "	<td><input type='text' name='txtDescricao_" + intcont + " class='inputtxt3'/></td>";
		str+= "	<td><input type='text' name='txtQuantidae_" + intcont + " class='inputtxt4'  maxlength='7'/></td>";
		str+= "	<td><a href='#' onClick='remover_itens("+intcont+");'>[ excluir ] </a></td>";		
		str+= "</tr></table>";
		document.getElementById('itens').innerHTML += str;
		intcont++;
		}
</script>

Até!! ;)

[andreia_sp 1]

Eu tenho esse codigo, ve se lhe é util, acho que eh questao mais de adaptar

 

<script>
var inputs = 0;
function addContact()
{	
var table = document.getElementById('contacts');	
var tr = document.createElement('TR');	
var td1 = document.createElement('TD');	
var td2 = document.createElement('TD');	
var td3 = document.createElement('TD');	
var inp1 = document.createElement('INPUT');	
var inp2 = document.createElement('INPUT');	
if(inputs>0){		
var img = document.createElement('IMG');		
img.setAttribute('src', 'delete.gif');		
img.onclick = function(){			
removeContact(tr);		
}		
td1.appendChild(img);	
}	
inp1.setAttribute("Name", "Name" +inputs);	
inp2.setAttribute("Name", "Email"+inputs);	
table.appendChild(tr);	
tr.appendChild(td1);	
tr.appendChild(td2);	
tr.appendChild(td3);	
td2.appendChild(inp1);	
td3.appendChild(inp2);	
inputs++;}
function removeContact(tr){	
tr.parentNode.removeChild(tr);
}
</script>
<table>  
	<tbody id="contacts">	
	<tr>
		<td colspan="3"><a href="java script:addContact();">Add a Contact</a></td>
	</tr>
	<tr>
		<td></td>
		<td>Name</td>
		<td>Email</td>
	</tr>
	</tbody>
</table>

[sr.silva 1]

Olá!!

 

Serviu sim. Só que teria como você avaliar o código postado acima, pra ver se

está correto também?

 

[]´s

[andreia_sp 1]

pra mim sim pois funcionou corretamente...

[sr.silva 1]

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Que bom!!

 

A realidade é a seguinte:

Existe um formulário no sistema que estou criando, onde o mesmo é composto de vários campos ( textarea ), só que

as vezes esses "text´s" não são preenchidos.

 

Então decidi criar esse script pra inserção desses campos automaticamente. Diante disso veio outra dúvida?

 

"É possível colocar os títulos dos campos em um array e a medida que eu for clicando o value do botão mude?"

 

 

código que estou usando

function inserir_campo(label){
		str = "<table cellpadding='2' cellspacing='0' border='0' width='386' id='campos'><tr id="+ intcont +">";
		str+= "	<td>"+label+"</td>";
		str+= "	<td><textarea name='txtQuantidae_" + intcont + " cols='50' rows='6' id='texto'></textarea></td>";
		str+= "	<td><a href='#' onClick='remover_itens("+intcont+");'>[ excluir ] </a></td>";		
		str+= "</tr></table>";
		
		document.getElementById('itens').innerHTML += str;
		document.getElementById('peca').value = "Problemas de Comunicação";
		document.getElementById('peca').name  = "Problemas de Comunicação";		
		
		intcont++;
 	}
	
</script>

<input type="button" onclick="inserir_campo(this.name);" value="peca" name="Peças/Formatos" />

Código com array..

<script language="JScript">
var meu_Vetor = new Array(4);

meu_Vetor[0] = "Elemento 0";
meu_Vetor[1] = "Elemento 1";


function show_vetor(vet)
{
  alert('aqui');
	var x = new Number;
	for (x=0;x<=4;x++) document.write(vet[x] + '<br>');
}
</script>
<input type="button" value="Teste" onclick="show_vetor(meu_Vetor)">

[sr.silva 1]

Seguite, não consegui manipular o botão e decidi criar a quantidade necessária.

 

Esse código abaixo, cria os campos textarea de acordo com cada botão.

 

Se eu clicar no "botão 2" 2x não cria o campo, pois ele já está criado.

 

Agora se eu clicar no "botão 1" e depois voltar para o "botão 2"...o campo do botão 2 é criado.. :huh:

 

Como resolver??

 

var intcont  = 4;
var str;
var vetor_campos = new Array(2);
vetor_campos[0] = "Peças/Formato";
vetor_campos[1] = "Problemas de Comunicação";

function inserir_campos(label, index){ 
	 if(vetor_campos[index] == str){
		alert('cadastrado');
	 }else{
		str = "<table cellpadding='2' cellspacing='0' border='0' width='386' id='campos'><tr id="+ intcont +">";
		str+= "	<td>"+label+"</td>";
		str+= "	<td><textarea name='txtQuantidae_" + intcont + " cols='50' rows='6'></textarea></td>";
		str+= "	<td><a href='#' onClick='remover_itens("+intcont+");'>[ excluir ] </a></td>";		
		str+= "</tr></table>";
		document.getElementById('itens').innerHTML += str;
		intcont++;
		str = vetor_campos[index];
	}
}
</script>
<input type="button" onclick="inserir_campos(this.value,0);" value="Peças/Formato" name="pecas_formato" />
<input type="button" onclick="inserir_campos(this.value,1);" value="Problemas de Comunicação" name="problemas_comunicacao" />