Динамически Показать/Скрыть дайв, используя его ID

Question

У меня есть одна страница PHP, у которой есть одна ссылка. Add Form.onclick этой ссылки добавит одну новую форму с кнопкой удаления формы. Теперь я хочу назначить уникальный идентификатор каждая новая форма-оболочка, и на основании этого я удалю форму со страницы.

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> 

Так как теперь я буду assaign нового идентификатора обертки, когда я нажмите на Добавить Link.If у вас есть какое-либо решение то поделитесь им со мной.

Answer 1

Вы можете использовать последовательность действий. Просто добавьте var suffix = 0; перед функциями, а затем добавьте его в общий префикс для идентификатора обертки.