动态添加/删除新输入到表单

时间:2011-03-22 16:31:27

标签: php jquery mysql forms input

所以我是初学者,正如标题所说,我希望能够;单击按钮,允许用户向表单添加另一个输入字段。我也希望能够删除它。

表单的使用是将学生添加到学生组,然后我将存储在我的数据库中。

我的表单示例:

<form name="addstudents" id="addstudents" method="post" action="add_students.php">
<table><tr><td>Student:</td><td>
<input type='text' name="1" size='20'></td><td><input type="button" id="add" value="+">    
</td><td><input type="button" id="remove" value="-"></td>
</table></form>

然而,从我一直看来,有不同的建议,例如使用clone()函数或Jquery appendto()。

这是最好的方法吗?

感谢

4 个答案:

答案 0 :(得分:0)

$('form').append('<input ...'); //take care of appending valid DOM elements

答案 1 :(得分:0)

//Create the input element
var $el = $('<input>')//Set the attribute that you want
                      .attr('id','inputID')
                      .attr('readonly',true);
//And append it to the form
$('#addstudents').append($el);

答案 2 :(得分:0)

请记住,您也可以从表单中删除任何DOM,只需找到相应的jquery选择器

$('form > input:last').remove(); // to remove last input

选中sample上的jsfiddle.net来帮助您解决此问题

答案 3 :(得分:0)

我会使用JavaScript,我已经回答了这个问题here。只需使用纯JavaScript即可编辑页面的HTML。希望这有帮助!