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

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

3 个答案: