我正在使用jQuery让用户动态添加和删除表单字段,但它无法正常工作.
删除第一个字段(在HTML标记中硬编码)时它完全正常,但它不会让我删除任何动态添加的字段.
这是我的jQuery代码:
$("#addDog").click(function(event)
{
event.preventDefault();
var doglist = <?php echo "'" . $javadogs . "'"; ?>;
var newdog = '<div><select name="resDog[]" class="select">' + doglist + '</select><input type="text" class="shortinput" name="resResult[]" size="20" value="" /><a href="#" class="deleteDog"><img src="/admin/images/delete.png" alt="Remove dog" /></a></div>';
$(this).parent().before(newdog);
});
$(".deleteDog").click(function(event)
{
event.preventDefault();
$(this).parent().remove();
});
Run Code Online (Sandbox Code Playgroud)
我尝试使用jQuery的.on()功能,但这也不起作用.