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.

Jaimin Shethiya · Answer

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 "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" > class = "form-horizontal" method= "Post" > class = "control-group" > class = "inc" > class = "controls" > "text" class = "form-control" name= "textbox" placeholder= "textbox" /> "text" class = "form-control" name= "text" placeholder= "text" /> "margin-left: 50px" class = "btn btn-info" type= "submit" id= "append" name= "append" > Add Textbox "submit" class = "btn btn-info" name= "submit" value= "submit" /> "text" class = "form-control" name= "textbox" placeholder= "texbox" /> "text" class = "form-control" name= "text" placeholder= "text" /> jQuery(document).ready( function () { $( "#append" ).click( function (e) { e.preventDefault(); $( ".inc" ).append(' class = "controls" >\ class = "form-control" type= "text" name= "textbox" placeholder= "textbox" >\ class = "form-control" type= "text" name= "text" placeholder= "text" >\ "#" class = "remove_this btn btn-danger" >remove \ \ \ '); 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( ",
" ) ) }) }); Thanks

Dynamically created textbox dynamically deleted

Answers (1)