jQuery自動添加表單項(xiàng)的方法
更新時間:2015年07月13日 17:24:42 作者:不吃皮蛋
這篇文章主要介紹了jQuery自動添加表單項(xiàng)的方法,涉及jquery中append方法動態(tài)添加表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了jQuery自動添加表單項(xiàng)的方法。分享給大家供大家參考。具體如下:
這里實(shí)現(xiàn)通過點(diǎn)擊按鈕動態(tài)添加一個表單輸入項(xiàng)
<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è)計(jì)有所幫助。
相關(guān)文章
jquery實(shí)現(xiàn)鼠標(biāo)滑過后動態(tài)圖片提示效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(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
針對后臺列表table拖拽比較實(shí)用的jquery拖動排序
這篇文章主要為大家詳細(xì)介紹了比較實(shí)用的jquery拖動排序,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10
jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果,可實(shí)現(xiàn)通過下方的滑塊拖動控制圖片旋轉(zhuǎn)的功能,涉及jQuery操作頁面元素樣式動態(tài)變換的技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01

