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

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

這里實(shí)現(xiàn)通過點(diǎn)擊按鈕動態(tài)添加一個表單輸入項(xiàng)

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程序設(shè)計(jì)有所幫助。