JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.3.min.js""></script>
<div id="clone-ques"><div class="col-md-12 np parent-question"><select id="select-question" name="question" class="demo-default select-question" style="width:90%; float:left;" placeholder="Choose from our list of frequently asked questions or enter your own ">
<option value="4">How many projects do you want?</option>
<option value="1">Do you know programming as well?</option>
<option value="3">This is your next question, answer it.</option>
<option value="5">Please add more question</option>
</select>
<a href="javascript:void(0);" class="fa fa-close fs13 delete-doc delete-ques ml10 hide">X</a></div></div>
<button type="button" class="btn btn-attach add-ques"><i class="fa fa-plus-circle"></i> Add Another Question</button>
JavaScript
$(function() {
var scntDiv = $('#clone-ques');
var i = 0;
$('.add-ques').on('click', function() {
i = i + 1;
$('<div class="col-md-12 np parent-question"><select id="select-question'+i+'" name="question" class="demo-default select-question" style="width:90%; float:left;" placeholder="Choose from our list of frequently asked questions or enter your own "> <option value="4">How many projects do you want?</option><option value="1">Do you know programming as well?</option><option value="3">This is your next question, answer it.</option><option value="5">Please add more question</option></select><a href="javascript:void(0);" class="fa fa-close fs13 delete-doc delete-ques ml10">X</a></div>').appendTo(scntDiv);
$('#select-question'+i).selectize({
create: true,
});
i++;
if($('.delete-ques').hasClass('hide')){
$('.delete-ques').removeClass('hide');
}
return false;
});
$(Document).on('click','.delete-ques', function() {
alert('heloo');
$(this).parent().remove();
return false;
});
});