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

Question

我将通过使用此问题答案中的示例在击键上添加输入字段。 这是我的例子 。 我尝试了多种方式来删除字段（如果用户从中删除内容），以便总是有包含某些内容的字段，最后一个空字段用于添加更多内容，但是我找不到解决方案。

这是代码：

$(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();
  }
});