Question

我有一个PHP页面，其中有一个链接添加Form.onclick此链接它将添加一个带有删除表单按钮的新表单。现在我想为每个新表单包装器分配一个唯一的ID并在此基础上我将从页面中删除该表单。

JS代码： -

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) 
{
 alert("Remove Link");      
 document.getElementById('addlinkform').removeChild( input.parentNode );
}

HTML代码： -

<a onClick="return addLinkFrom();">Add Link</a>

现在，当我点击Add Link时，我将如何为包装器分配一个新ID。如果您有任何解决方案，那么请与我分享。

Answer 1

您可以使用正在运行的序列。只需在函数前添加var suffix = 0;，然后将其附加到包装器ID的通用前缀。

使用其ID动态显示/隐藏div

1 个答案: