Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态表单元素_Javascript_Jquery_Html_Forms - Fatal编程技术网

Javascript 动态表单元素

Javascript 动态表单元素,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我需要一个允许用户动态添加新字段的表单。在我的例子中,一行包含一个标签和一个文本区域,点击加号将添加一个带有标签和文本区域的新行 我找到了插件,它正是我想要的,除了一件事:对于每个添加的行,我需要标签包含行数 有没有关于如何做到这一点的提示 最好是在插件中添加一个事件,比如“AfterAdd”,我可以订阅它并设置标签或其他什么 编辑:有没有人知道一个插件可以做这种“动态表单”的事情,在那里你可以添加、插入和删除行 谢谢, L您可以尝试使用。对于动态DOM生成/插入来说,这是一个非常干净和伟大的东

我需要一个允许用户动态添加新字段的表单。在我的例子中,一行包含一个标签和一个文本区域,点击加号将添加一个带有标签和文本区域的新行

我找到了插件,它正是我想要的,除了一件事:对于每个添加的行,我需要标签包含行数

有没有关于如何做到这一点的提示

最好是在插件中添加一个事件,比如“AfterAdd”,我可以订阅它并设置标签或其他什么

编辑:有没有人知道一个插件可以做这种“动态表单”的事情,在那里你可以添加、插入和删除行

谢谢,
L

您可以尝试使用。对于动态DOM生成/插入来说,这是一个非常干净和伟大的东西。

我不明白为什么要使用插件来实现这一点。这只是几行代码。比如:

$('#add').click(function() {
    var $container =  $('#container');
    var html ='<label>' 
                + ($container.find('textarea').length + 1) 
                + '</label><textarea></textarea><br />';
    $container.append(html);
});
$('#添加')。单击(函数(){
var$container=$(“#container”);
var html=''
+($container.find('textarea')。长度+1)
+“
”; $container.append(html); });

因为我的第一个想法是看别人以前是否做过,以避免重新发明轮子。但事实上,这似乎很简单。谢谢。我还需要在每一行上添加一个删除链接,这当然会使它更复杂。现在我想起来了,在现有行之间插入新行也是可能的。注意:jQuery团队决定不让这个插件通过测试版。它不再被积极开发或维护。文档暂时保留在这里(供参考),直到合适的替换模板插件准备就绪。也许问题应该是:你知道任何现有的插件可以做到这一点吗?