Question

我是初学者，所以请记住这一点。

所以我目前工作的是我的表单成功地向表单添加了另一个输入，但是它显示在表单div之外。基本上我希望它出现在div和提交按钮上方。

我该怎么做？

这是我的javascript中的主要appendTo：

var i = $('input').size() + 1; 
$('a#add').click(function() { 
    $('<input type="text" value="user' + i + '" />').appendTo('form'); 
    i++; 
});

这里是html格式请求。

<div id="stylized" class="myform">
<form name="addstudents" method="post" action="add_students.php">
<div id="formHeader">
    <h1>Add student(s)</h1>
    <p>Please enter student's HEMIS number</p>
</div>
<label>Student: <span class="small">Enter HEMIS number</span> </label>
<input type='text' name="user_1">
<input type="submit" class="Mybutton" id="mybutton" name="submit" value='Submit Student(s)'>
<div class="spacer"></div>
</form>
<a href="#" id="add">Add</a><a href="#" id="remove">Remove</a></div>

非常感谢任何帮助。

感谢

新问题：删除！

这是我当前删除的JS，它只是首先删除提交按钮:(

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

再次感谢

Answer 1

var i = $('input').size() + 1; 
$('a#add').click(function() { 
    $('<input type="text" value="user' + i + '" />').appendTo('div#divId'); 
    i++; 
});

Answer 2

您可以使用此代码段在按钮前插入输入：

$('form #idofsubmitbutton').before($('<input type="text" value="user' + i + '" />'))

修改

我在你上次编辑后用jsfiddle.com玩了一下，然后来了这个：

var i = $('input').size() + 1; $('a#add').click(function() { $('div#stylized form input:submit').before($('<input type="text" value="user' + i + '" />')) i++; });

使用示例html，您发布了此作品。当我按下添加链接时，新的输入会出现在提交按钮之前。

如果您仍然遇到问题，可能会有重复ID的元素。

Answer 3

这不是“PHP表单”，一旦它在客户端上，它只是HTML / CSS / Javascript。 PHP在服务器上。

.appendTo('form');附加到TAG表单，而不是“表单div”。如果您有名为“表单”的DIV，则需要使用.appendTo('#form');

帮助表单上的appendTo（）jquery函数

3 个答案: