輸入字段被清空後如何刪除輸入字段

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