The HTML code is as follows
JS code is as follows
<script>
var max_fields = 5//maximum input boxes allowed
var wrapper = $ (". Input_fields_wrap") ; Fields wrapper
var Add_button = (". Add_field_button");//add button ID
var x = 1//initlal text box Count
$ (Add_button). Click (function (e) {//on Add input button click
e.preventdefault ();
if (x < max_fields) {//max input box allowed
x + +;//text box increment
$ (wrapper). Append (' <tr style= ' " ><td></td><td><button class= "Remove_field btn" >del</button></td></tr > '); Add input Box
}
});
$ (wrapper). On ("click", ". Remove_field", function (e) {//user Click on Remove Text
E.preventdefault (), $ (this). Closest (' tr '). Remove (); x--;
})
The above is small series for everyone to bring the jquery dynamic increase, reduce the input form of the simple method (must see) all content, I hope that we support the cloud Habitat Community ~