jQuery自動(dòng)添加表單項(xiàng)的方法
更新時(shí)間：2015年07月13日 17:24:42 作者：不吃皮蛋
這篇文章主要介紹了jQuery自動(dòng)添加表單項(xiàng)的方法,涉及jquery中append方法動(dòng)態(tài)添加表單元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery自動(dòng)添加表單項(xiàng)的方法。分享給大家供大家參考。具體如下：
這里實(shí)現(xiàn)通過(guò)點(diǎn)擊按鈕動(dòng)態(tài)添加一個(gè)表單輸入項(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>
希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了jquery中radio checked問(wèn)題的解決方案，在此感謝2位熱心網(wǎng)友給予的幫助，記錄下來(lái)，分享給小伙伴們2015-03-03
jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)后動(dòng)態(tài)圖片提示效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)后動(dòng)態(tài)圖片提示效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jquery 讀取頁(yè)面load get post ajax 四種方式代碼寫(xiě)法
jquery 讀取頁(yè)面load get post ajax 四種方式代碼寫(xiě)法，學(xué)習(xí)jquery的朋友可以參考下。2011-04-04
今天主要總結(jié)一下jQuery操作元素屬性的一些知識(shí)，學(xué)習(xí)jquery的朋友可以參考下2010-02-02
jquery實(shí)現(xiàn)搜索框常見(jiàn)效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)搜索框常見(jiàn)效果的方法,可實(shí)現(xiàn)搜索框文字顯示效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
用jquery實(shí)現(xiàn)簡(jiǎn)單動(dòng)畫(huà)的制作，希望看了這篇文章后，建議大家自己手工打打，學(xué)習(xí)一下他的思路。2008-12-12
針對(duì)后臺(tái)列表table拖拽比較實(shí)用的jquery拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了比較實(shí)用的jquery拖動(dòng)排序,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
基于jquery的拖動(dòng)布局插件，需要的朋友可以參考下。2011-11-11
jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果,可實(shí)現(xiàn)通過(guò)下方的滑塊拖動(dòng)控制圖片旋轉(zhuǎn)的功能,涉及jQuery操作頁(yè)面元素樣式動(dòng)態(tài)變換的技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01