jQuery自動添加表單項的方法
更新時間:2015年07月13日 17:24:42 作者:不吃皮蛋
這篇文章主要介紹了jQuery自動添加表單項的方法,涉及jquery中append方法動態(tài)添加表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery自動添加表單項的方法。分享給大家供大家參考。具體如下:
這里實現(xiàn)通過點擊按鈕動態(tài)添加一個表單輸入項
<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>
希望本文所述對大家的jquery程序設(shè)計有所幫助。
相關(guān)文章
jQuery EasyUI API 中文文檔 - TimeSpinner時間微調(diào)器
jQuery EasyUI API 中文文檔 - TimeSpinner時間微調(diào)器介紹,需要的朋友可以參考下。2011-10-10完美兼容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動特效
本文是作者學(xué)習(xí)jQuery之后練手之作,兼容各大瀏覽器,非常的精美實用,這里放出來給小伙伴們,有需要的直接拿走,別跟我客氣^_^2014-11-11jQuery Pagination分頁插件_動力節(jié)點Java學(xué)院整理
此jQuery插件為Ajax分頁插件,一次性加載,故分頁切換時無刷新與延遲,如果數(shù)據(jù)量較大不建議用此方法,因為加載會比較慢。下面通過本文給大家分享jQuery Pagination分頁插件的使用方法及參數(shù)介紹,感興趣的朋友一起看看吧2017-07-07