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

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

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

我还是新手，一直在四处寻找教程。似乎有相当一部分人倾向于只关注一个字段，并且倾向于在javascript中使用输入标记，这使得我似乎不得不为每个不同的输入字段复制和粘贴脚本。i、 e.这个：

$（函数（）{
var scntDiv=$（'p#u scents'）；
变量i=$（'#p#p'）.size（）+1；
$（'#addScnt'）.live（'click'，function（））{
$（'p>
'）。附录（scntDiv）；
i++；
返回false；
});
$（'#remScnt'）.live（'click'，function（））{
如果（i>2）{
$（this.parents（'p'）.remove（）；
我--；
}
返回false；
});
});

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

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

快乐

---

K

非常感谢您！我喜欢它是多么干净和简单！

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