這篇文章主要介紹了jQuery自動添加表單項的方法,涉及jquery中append方法動態添加表單元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery自動添加表單項的方法。分享給大家供大家參考。具體如下：

這里實現通過點擊按鈕動態添加一個表單輸入項

1. <script type="text/javascript" charset="utf-8"> 
2. $(function() { 
3. var fieldCount = 1; 
4. $("#addFieldButton").click(function() { 
5. fieldCount++; 
6. if(fieldCount <= 5) 
7. { 
8. var fieldID = "recipient_email_" + fieldCount; 
9. $("#additionalEmails").append("<label for='"+fieldID+"'>Recipient Email "+fieldCount+": </label>"+  
10. "<input type='text' name='"+fieldID+"' " + 
11. "id='"+fieldID+"' size='30'><br />" ); 
12. } 
13. else 
14. { 
15. alert("Maximum email fields reached."); 
16. } 
17. }); 
18. }); 
19. </script> 

希望本文所述對大家的jquery程序設計有所幫助。