Javascript 动态添加&;删除HTML表单

Javascript 动态添加&;删除HTML表单,javascript,php,html,Javascript,Php,Html,我有一个表单来添加任何网站的链接。提交后,它将存储在数据库中 问题:- 当我点击“添加表单”按钮时,它会添加一个新表单来添加站点链接。如果用户想输入5个站点链接,那么他将在添加表单按钮上单击5次,以此类推。但当用户提交表单时,我会验证链接,如果链接无效,则会抛出错误消息 当我添加表单时,我也添加了删除按钮。在提交表单之前,它可以正常工作,但在提交表单之后,删除按钮不起作用 代码:- function addLinkFrom() { var div = document.createElemen

我有一个表单来添加任何网站的链接。提交后,它将存储在数据库中

问题:- 当我点击“添加表单”按钮时,它会添加一个新表单来添加站点链接。如果用户想输入5个站点链接,那么他将在添加表单按钮上单击5次,以此类推。但当用户提交表单时,我会验证链接,如果链接无效,则会抛出错误消息

当我添加表单时,我也添加了删除按钮。在提交表单之前,它可以正常工作,但在提交表单之后,删除按钮不起作用

代码:-

function addLinkFrom() 
{
var div = document.createElement('div');
div.className = 'linkform';
div.innerHTML = '<label class="linklabel">Add Link: </label><input type="text" id="txtaddlink" name="txtaddlink[]" class="expfield" placeholder="Enter Link"/>\
    <div class="clearboth"></div>\
    <input type="button" class="btn linkpad btn-primary" value="Remove" onclick="removeLinkForm(this)">\
    <div class="line"></div>';
    document.getElementById('addlinkform').appendChild(div);
}

function removeLinkForm(input) 
{
document.getElementById('addlinkform').removeChild( input.parentNode );
}
函数addLinkFrom()
{
var div=document.createElement('div');
div.className='linkform';
div.innerHTML='添加链接:\
\
\
';
document.getElementById('addlinkform').appendChild(div);
}
函数removeLinkForm(输入)
{
document.getElementById('addlinkform').removeChild(input.parentNode);
}

因此,如果您有任何解决方法,请与我分享。

您也可以发布相关的html代码吗?添加表单链接:-添加链接和其他所有代码都是动态的。我的意思是jast从MySQL获取数据并在表单中显示。在html呈现后,
input.parentNode
是否实际解析为#addlinkform的子级?你的错误信息是什么?我没有收到任何错误。我也通过firebug检查此按钮。单击按钮后,它将显示删除功能。但当我单击此按钮时,表单将不会隐藏或消失。