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實現(xiàn)日歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了jquery中radio checked問題的解決方案，在此感謝2位熱心網(wǎng)友給予的幫助，記錄下來，分享給小伙伴們2015-03-03
jquery實現(xiàn)鼠標(biāo)滑過后動態(tài)圖片提示效果實例
這篇文章主要介紹了jquery實現(xiàn)鼠標(biāo)滑過后動態(tài)圖片提示效果,涉及jquery鼠標(biāo)事件及頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jquery 讀取頁面load get post ajax 四種方式代碼寫法
jquery 讀取頁面load get post ajax 四種方式代碼寫法，學(xué)習(xí)jquery的朋友可以參考下。2011-04-04
今天主要總結(jié)一下jQuery操作元素屬性的一些知識，學(xué)習(xí)jquery的朋友可以參考下2010-02-02
這篇文章主要介紹了jquery實現(xiàn)搜索框常見效果的方法,可實現(xiàn)搜索框文字顯示效果,非常具有實用價值,需要的朋友可以參考下2015-01-01
用jquery實現(xiàn)簡單動畫的制作，希望看了這篇文章后，建議大家自己手工打打，學(xué)習(xí)一下他的思路。2008-12-12
這篇文章主要為大家詳細介紹了比較實用的jquery拖動排序,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
基于jquery的拖動布局插件，需要的朋友可以參考下。2011-11-11
jQuery實現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果,可實現(xiàn)通過下方的滑塊拖動控制圖片旋轉(zhuǎn)的功能,涉及jQuery操作頁面元素樣式動態(tài)變換的技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01