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

Question

如果您可以查看实际操作中的代码，可能会更容易：

http://jsfiddle.net/qe2zt/

基本上，我想要做的就是停止最后一组下拉列表，以便能够被删除，并作为奖励 - 弄清楚如何淡出删除 - 我无法让它因某些原因而起作用。

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

此致

马丁

Answer 1

我修改了它：

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

它并不完美但它有效......

Answer 2

我添加了代码以淡出删除的下拉列表。

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

另外，以下代码：

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

确保如果用户删除了第一行，则仍然会有{.1}}功能进行克隆。