Javascript 表单上appendTo()jquery函数的帮助

Javascript 表单上appendTo()jquery函数的帮助,javascript,jquery,forms,html,Javascript,Jquery,Forms,Html,我是初学者,所以请记住这一点 因此,我目前正在工作的是,我的表单成功地向表单添加了另一个输入,但是它显示在表单div之外。基本上,我希望它显示在div内以及提交按钮上方 我该怎么做 以下是我的javascript中的主要附录: var i = $('input').size() + 1; $('a#add').click(function() { $('<input type="text" value="user' + i + '" />').appendTo('form

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

因此,我目前正在工作的是,我的表单成功地向表单添加了另一个输入,但是它显示在表单div之外。基本上,我希望它显示在div内以及提交按钮上方

我该怎么做

以下是我的javascript中的主要附录:

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

var i=$('input')。size()+1;
var i = $('input').size() + 1; 
$('a#add').click(function() { 
    $('<input type="text" value="user' + i + '" />').appendTo('div#divId'); 
    i++; 
});
$('a#add')。单击(函数(){ $(“”).appendTo('div#divId'); i++; });
这不是一个“PHP表单”,一旦它在客户端上,它就是HTML/CSS/Javascript。PHP在服务器上


.appendTo('form')附加到表单标记,而不是“表单div”。如果有一个名为“form”的DIV,则需要使用
.appendTo('#form')

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

$('form #idofsubmitbutton').before($('<input type="text" value="user' + i + '" />'))
$('form#idofsubmitbutton')。在($('')之前
编辑:

在您上次编辑后,我与您一起玩过,并附带以下内容:

var i = $('input').size() + 1;
$('a#add').click(function() {
    $('div#stylized form input:submit').before($('<input type="text" value="user' + i + '" />'))
    i++;
});
var i=$('input').size()+1;
$('a#add')。单击(函数(){
$('div#样式化表单输入:提交')。在($('')之前
i++;
});
使用您发布的示例html,这是可行的。当我按下添加链接时,提交按钮前会出现新的输入


如果仍然存在问题,则可能有重复ID的元素。

标记看起来如何?(例如,附加到
元素是否有意义,或者其中是否有
或其他内容?)。相反,您可以命名所有
字段
user[]
,然后以数组形式访问
$\u请求['user']
。是否需要使用类名或id指定表单元素才能使其工作?表单div是this
@jensgram,我不太明白?dno为什么我称它为php表单my bad。但是如何将它插入submit按钮上方?您是否在div或类中指定它?所以我的回答是:
?不确定你到底在问什么,但这是做你想做的事的正确方法。假设您有一个id为“divID”的表单,其中包含表单字段,但不包含提交按钮,这应该可以工作。更改ID以匹配您div的实际ID。是的,但是我的submit在我的表单div中,我希望输入插入到submit的上方。基本上,按照这段代码,我现在得到了
。appendTo('div#style')并且它仍然与before@jjross我仍在努力让它甚至出现在表单div中,我尝试了
.appenTo(“#样式化”)
,html是
,但没有运气。@buympies你能将表单html粘贴到问题中,这样我们就可以尝试一下吗?:)@buymypies我编辑了我的回复以反映您的最新编辑OK我确实以不同的方式工作(我创建了一个新的div n,将提交按钮与该div分开)。然而,我的新问题是删除,现在当我删除它时,只需先删除提交按钮即可:(注意,在实现代码后情况也是如此。我已经在inital post中添加了删除代码
$('form #idofsubmitbutton').before($('<input type="text" value="user' + i + '" />'))
var i = $('input').size() + 1;
$('a#add').click(function() {
    $('div#stylized form input:submit').before($('<input type="text" value="user' + i + '" />'))
    i++;
});