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

发布于 2024-10-29 05:16:52 字数 233 浏览 1 评论 0原文

如果您可以查看正在运行的代码,可能会更容易:

http://jsfiddle.net/qe2zt/

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

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

问候,

马丁

its probably easier if you can have a look at the code in action:

http://jsfiddle.net/qe2zt/

Bascially, all I want to do is stop the last set of dropdowns from being able to be deleted and as a bonus - figure out how to fade out the deletes aswell - I couldn't get that to work for some reason.

Thanks for any help, it's much appreciated.

Regards,

Martin

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

穿越时光隧道 2024-11-05 05:16:52

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

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

另外,以下代码:

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

确保如果用户删除顶行后,仍然有一个 .dropdown 供 addNew() 函数克隆。

I added code to fade out the deleted drop downs.

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

Also, the following code:

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

Assures that if the user deletes the top row there is still a .dropdown for the addNew() function to clone.

肩上的翅膀 2024-11-05 05:16:52

我修改了它:

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

本质上我添加了一个函数 < code>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);
}

它并不完全完美,但它可以工作......

i modified it:

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

Essentially I added a function 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);
}

It's not exactly perfect but it works...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文