Ir para conteúdo

POWERED BY:

Arquivado

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

Henriqued

[Resolvido] Problemas com append de elemento html

Por , em Javascript

Recommended Posts

Henriqued    0

Henriqued
Postado

BOm dia, estou tentando utilizar append para inserir elementos html em uma div, até ai tudo bem, insere corretamente, porém para cada elemento html inserido eu preciso inserir um id para esse elemento para poder deletar este elemento caso seja necessario, porém o elemento não assume o id que eu informo.

segue abaixo meu codigo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>::Laboratorio::</title>
</head>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script>
    function atrib(){
var links = '<img src="cancel.png" onClick="excluirFile(\'+$("#txName").val()+\')"/>';
var newTd = $('<li>'+$("#txName").val()+'</li>').attr('id','$("#txName").val()');
$("#lista").append(newTd);
$("#lista").append(links);
      /*alert($("#txName").val());
       var id = $("#txName").val();
       $("#lista").append('<li id='+$("#txName").val()+'>'+$("#txName").val()+'</li><a href="#" onClick="excluirFile('+$("#txName").val()+')">Excluir</a>'); 
    }         
    function excluirFile(value){
alert(value); 
       // $("#"+value).remove();
    }     
</script>
<body>
    <form name="fmTeste" id="fmTeste" action="" method="post">
    <input type="text" name="txName" id="txName"  /><br />
    <input type="button" name="btn" onClick="atrib();" value="Enviar" /> <br />
    <ul id="lista">
    </ul>
    </form>
</body>
</html>

 

agradeço a ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

tente o seguinte

 

de

var newTd = $('<li>'+$("#txName").val()+'</li>').attr('id','$("#txName").val()');
para

var newTd = $('<li>'+$("#txName").val()+'</li>').attr('id',$("#txName").val());

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henriqued    0

Henriqued
Postado

tente o seguinte

 

de

var newTd = $('<li>'+$("#txName").val()+'</li>').attr('id','$("#txName").val()');
para

var newTd = $('<li>'+$("#txName").val()+'</li>').attr('id',$("#txName").val());

 

t+

 

Otata valew pela dica porém eu só consegui resolver de outro jeito.

Segue o codigo que fiz para conseguir resolver:

function atrib(){
        var par = "item"+$("#txName").val();
        var links = $('<a href="#" onClick="excluirFile(this.id)" >Excluir</a>');
        var newTd = $('<li>' + $("#txName").val() + '</li>');
	links.attr('id',$("#txName").val());
	newTd.attr('id',par);
	$("#lista").append(newTd);
	$("#lista").append(links);
}

o unico problema é que ficou extenso e meio guambiarrento..

 

mas valew pela dica

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