jquery - 如何阻止动态表单元素的最后一个实例被删除？

Question

如果您可以查看实际代码，它可能会更容易：

http://jsfiddle.net/qe2zt/

基本上，我想做的就是阻止最后一组下拉列表被删除，并且作为奖励 - 弄清楚如何淡出删除 - 由于某种原因我无法让它工作。

感谢您的帮助，非常感谢。

问候，

马丁

Answer 1

我添加了代码以淡出已删除的下拉菜单。

http://jsfiddle.net/6xPye/1/

此外，以下代码：

    if ($(this).is(".dropdown")) {
        $(".dropdownclone:first").toggleClass("dropdown dropdownclone");
    }
    $(this).remove();

确保如果用户删除第一行，仍然有一个 .dropdown 用于addNew()克隆函数。

Answer 2

我修改了它：

http://jsfiddle.net/scheffield/esEmh/

本质上我添加了一个功能remove

function remove(element) {
    var amountEntries = $('.dropdown').size() + $('.dropdownclone').size();
    if (amountEntries  <= 1) {
        return;
    }
    if (amountEntries === 2) {
        $('.deleteButton').hide();
    }
    element.parentNode.parentNode.removeChild(element.parentNode);
}

它并不完全完美，但它确实有效......