输入字段被清空后如何删除输入字段

Question

我在键盘上添加了输入字段，通过使用此回答的示例为question。这是我的example。我试图以各种方式删除字段，如果用户删除内容，所以总是有一些内容和最后一个空字段添加更多，但我找不到解决方案。

这是代码：

$(document.body).on("input", ".external-media-input:last", function() { 
    var inputID = (parseInt($(this).attr('id')) + 1); 
    $(".input_fields_wrap").append('<div><input class="external-media-input" id="' + inputID + '" name="external_media[]" type="text"/></div>'); 
}); 

Answer 1

您可以使用on('blur')或.on('focusout')

//... 
.on('blur', ".external-media-input:not(:last)", function() { 
    if(!$(this).val()) $(this).remove(); 
}); 

JSFiddle

Answer 2

您还可以使用on('keyup')

$(document.body).on("keyup", ".external-media-input", function(){ 
    if($(this).val() == '') 
     $(this).remove(); 
}); 

这里是你的提琴：https://jsfiddle.net/bembvptx/2/

Answer 3

在你的风格增加一个事件：

$(document.body).on("input", ".external-media-input", function() { 
    if (!$(this).val()) 
    { 
    $(this).remove(); 
    } 
});