How to Add or Remove input fields using Jquery | Jquery Clone | AppendTo

Показать описание

In this video tutorial you will learn about how to add or remove input fields using jquery.

Steps:
Create input fields
create add more and remove button
set onclick fn on buttons
create a div to append new input fields

When click on add button, in js clone your input fields and blank their and after that append that to a div

button type="button" class="btn btn-info" onclick="addProduct();"Add More Product
end button
button type="button" class="btn btn-info" onclick="removeProduct();"
Remove Product
end button

function addProduct() {
// body...
$('#firstproduct .productdiv').clone().find('input').val('').end().find('textarea').val('').end().appendTo('#moreproduct');
}
function removeProduct()
{
$('#moreproduct .productdiv').last().remove();
}

#jquery #knowledgethrusters

How to Add or Remove input fields using Jquery | Jquery Clone | AppendTo
add more input fields javascript
Dynamically add textbox, input in html using JavaScript
Add input fields using jquery / javascript