Tengo un pequeño problema, les cuento.
Tengo un formulario con un select, un input text y un boton, cuando hago click en el boton, ejecuto una funcion que me mete dentro de un div el contenido del select y del input, de tal forma que ve va creadon una lista con todos los contenidos.
Eso me funciona bien.
El problema viene ahora, cuando llamo al la funcion ademas de los contenidos que antes comentaba, le añado un boton de borrar, para poder eliminar de la lista un item.
Pero el boton no me funciona, no lanza la funcion.
La funcion esta bien, por que si creo un boton normal y corriente, si funciona sin problemas.
La cuention está cuando el id de lis item se carga dinamicamente, cade vez quye voy añadiendo más elementos a la lista.
Les dejo el codigo por si pueden echarme una mano..
Gracias
Código:
$(function() {
var i=1;
$('#mas').click(function() {
var o = $('#objetos').val();
var name=$('#objetos option:selected').text();
var relacion=$('#relacion').val();
$('<p id="'+i+'"><input type="hidden" name="contador[]" value="'+o+'"><input type="hidden" name="relaciones[]" value="'+relacion+'"><span>'+name+': '+relacion+'</span> <input type="button" src="<?php echo $realadmin_path; ?>images/del.png" id="del" name="del" class="'+i+'" value="-"></p>').appendTo('#obj');
$('#relacion').val("");
i++;
});
$('#del').click(function(){
alert('hola');
});
});
Código:
<input type="button" src="<?php echo $realadmin_path; ?>images/del.png" id="del" name="del" value="-">
<div id="obj">
</div>
