如何在一个页面上创建多个“动态添加/删除输入”？

我使用这个脚本使用jQuery我的动态添加/删除输入字段：如何在一个页面上创建多个“动态添加/删除输入”？

<script> 
$(document).ready(function(){ 

var i = $('input').size() + 1; 

$('#add').click(function() { 
    $('<div><input type="text" class="field" name="dynamic[]" value="' + i + '" /></div>').fadeIn('slow').appendTo('.inputs'); 
    i++; 
}); 

$('#remove').click(function() { 
if(i > 1) { 
    $('.field:last').remove(); 
    i--; 
} 
}); 

$('#reset').click(function() { 
while(i > 2) { 
    $('.field:last').remove(); 
    i--; 
} 
}); 

}); 
</script>

我的输入域代码：

<a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a> | <a href="#" id="reset">reset</a> 
<div class="inputs"><input type="text" name="dynamic[]" class="field" placeholder=""/></div>

所以一切工作正常，此代码，但我不能似乎弄清楚如何在同一个网页上创建多个工作框。

我试着向名称字段添加数字（如dynamic2，dynamic3等），但它对我没有任何帮助。

有没有办法创建另一个相同的功能输入框，但有不同的分配名称，所以我可以单独发布到PHP？

我使用这个PHP张贴：

<?php 
foreach($_POST['dynamic'] as $value) { 
echo "$value <br />"; // change this to what you want to do with the data 
} 
?>

PHP发布工作正常，但我只能做一个输入组在同一时间。我希望能够在同一页面上进行多项操作。

我从这个网页得到了最初的剧本： http://papermashup.com/dynamically-add-form-inputs-and-submit-using-jquery/

请帮帮忙！

来源

2012-09-27 E. W. Chung

这里是一个jsFiddle实现，如果做同样多块

所有你所要做的就是创建多个块（3块的例子中给出）在HTML和你准备好去。

在PHP中你必须访问使用

<?php 
    if(isset($_POST)){ 
     echo '<pre>';print_r($_POST['dynamic1']);echo '</pre>'; 
     echo '<pre>';print_r($_POST['dynamic2']);echo '</pre>'; 
     echo '<pre>';print_r($_POST['dynamic3']);echo '</pre>'; 
    } 
?>

来源

2012-09-27 06:00:38

哇！非常感谢！那正是我需要的！我还有一个问题。我可以使用你的代码将它输出到PHP文件，但我想知道如何将每个框的所有输入字段输出到代码中。例如，一旦我在FIRST块中添加3个字段，并在PHP上输出该块，我可以输出所有我输入的三个输入吗？使用PHP上的“foreach”代码，我能够做到这一点，但是使用您的PHP输出代码，我不知道该怎么做！ –

当你用** [] **作为后缀给出输入字段的名称时，那么php会将它们分组到数组中，'print_r'可以用来输出数组内容。而不是获取每个数组的计数，遍历所有的字段，并使其复杂化，因为它不是每个块中必须具有相同数量的字段，所以我正在使用print_r，因为你只是想显示输出而不进行任何处理。 –

<?php 
for($i=0;isset($_POST);$i++) 
{ 
    echo $_POST['group1'][$i]; 
    echo $_POST['group2'][$i]; 
} 
?>

这样多重后

来源

2012-09-27 05:43:38

感谢您的回复吧！我想知道是否可以创建多个单独的输入字段并将它们单独输出到PHP。例如，我想输入name =“number1”输出到PHP POST [number1]并输入name =“number2”输出到PHP POST [number2]。现在当我尝试做两个差异。输入名称与保存脚本公式，它崩溃！有没有办法？ –

好的，但在哪里崩溃在PHP或JavaScript？ –

我使用Anil Kumar的代码找到了解决问题的方法，而且效果很好。我只需要弄清楚如何将多个字段输出到PHP。我之前可以使用'foreach'公式。我想知道我是否可以用新的代码做同样的事情！ –

如何在一个页面上创建多个“动态添加/删除输入”？

回答

相关问题