The example in this article describes how jQuery automatically adds form items. Share it with everyone for your reference. The details are as follows:
Here you can dynamically add a form input by clicking a button
<script type="text/javascript" charset="utf-8"> $(function() { var fieldCount = 1; $("#addFieldButton").click(function() { fieldCount++; if(fieldCount <= 5) { var fieldID = "recipient_email_" + fieldCount; $("#additionalEmails").append("<label for='"+fieldID+"'>Recipient Email "+fieldCount+": </label>"+ "<input type='text' name='"+fieldID+"' " + "id='"+fieldID+"' size='30'><br />" ); } else { alert("Maximum email fields reached."); } }); }); </script>
I hope this article will be helpful to everyone’s jquery programming design.