Dynamically created textbox dynamically deleted

Question

I have created dynamically textbox on modal in jquery using I want this created textbox to delete on modal in ok button or close button ....how to delete ??

because duplication occurred thats why I want delete..

please help me.

 

 

Answer 1

Hello Kalyani,

 

can you please refere below link for jquery add textbox and remove.

 

https://stackoverflow.com/questions/34748659/dynamically-add-and-remove-textboxes-and-get-value-of-dynamic-textbox-using-jque

https://www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

 

OR you can use below code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<form class="form-horizontal" method= "Post">
<div class="control-group">
<div class="inc">
<div class="controls">
<input type="text" class="form-control" name="textbox" placeholder="textbox"/>
<input type="text" class="form-control" name="text" placeholder="text"/>
<button style="margin-left: 50px" class="btn btn-info" type="submit" id="append" name="append">
Add Textbox</button>
<br>
<br>
</div>
</div>
<input type="submit" class="btn btn-info" name="submit" value="submit"/>
<input type="text" class="form-control" name="textbox" placeholder="texbox"/>
<input type="text" class="form-control" name="text" placeholder="text"/>
</div>
</form>
<script>
jQuery(document).ready( function () {
$("#append").click( function(e) {
e.preventDefault();
$(".inc").append('<div class="controls">\
<input class="form-control" type="text" name="textbox" placeholder="textbox">\
<input class="form-control" type="text" name="text" placeholder="text">\
<a href="#" class="remove_this btn btn-danger">remove</a>\
<br>\
<br>\
</div>');
return false;
});
jQuery(document).on('click', '.remove_this', function() {
jQuery(this).parent().remove();
return false;
});
$("input[type=submit]").click(function(e) {
e.preventDefault();
$(this).next("[name=textbox]")
.val(
$.map($(".inc :text"), function(el) {
return el.value
}).join(",\n")
)
})
});
</script>

Thanks