JSFiddle - React, Tailwind, and code Playground
HTML
<input type='button' value='Add Button' id='addButton'>
<div id="TextBoxesGroup"></div>
JavaScript
var counter = 1;
$("#addButton").click(function () {
if (counter > 10) {
alert("Only 10 textboxes allow");
return false;
}
var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
newTextBoxDiv.after().html(
'<input type="file" name="ques[]" id="ques[]"><a href="#" class="removeField">Remove</a>');
newTextBoxDiv.appendTo("#TextBoxesGroup ");
counter++;
});
$(document).on("click" , "a.removeField", function (event) {
event.preventDefault();
alert("trigger me!!");
});