动态添加/删除几个输入字段

add/remove several input fields dynamically

本文关键字：几个 输入 字段 添加 删除 动态      更新时间：2023-09-26

我有一个表单，其中几个字段可能有多个输入，即

  • 您的姓名
  • 您喜欢的歌曲：[添加更多！]
  • 你喜欢的电影：[添加更多！]
  • 显示您喜欢的：[添加更多！]

我还是个新手，一直在四处寻找教程。他们中的很多人似乎倾向于只关注一个字段，并倾向于在javascript中有输入标记，这使得我似乎必须为每个不同的输入字段复制和粘贴脚本。即这个：http://muiomuio.com/web-design/add-remove-items-with-jquery

$(function() {
    var scntDiv = $('#p_scents');
    var i = $('#p_scents p').size() + 1;
    $('#addScnt').live('click', function() {
            $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
            i++;
            return false;
    });
    $('#remScnt').live('click', function() {
            if( i > 2 ) {
                    $(this).parents('p').remove();
                    i--;
            }
            return false;
    });
 });

有没有办法简化这一点？非常感谢你的帮助！

看看这个jsFiddle。我写了一个添加文件的脚本，但删除它们的脚本类似。

Hve fun

K

相关文章：