 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Jquery動態(tài)控件</title> 
<script src="jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
var i = 2; 
$('#addText').click(function() { 
if (i < 9) { 
$('#main').append('<div><input type="text" name="text" + i + ""/> 
　　　　　　　　　　　　　　　　　　　　　　　　<a href="#" class="del-text">del</a></div>'); 
i++; 
} else { 
alert("最多只能添加8個"); 
} 
}); 
$('.del-text').live('click',function(){ 
$(this).parent().remove(); 
i--; 
}); 
}); 
</script> 
</head> 
<body> 
<div id="main"> 
<div> 
<input type="text" name="text1" /> 
</div> 
</div> 
<a id="addText" href="#">添加文本框</a> 
</body> 
</html> 

先把前臺的整理出來，項目臨時有需求，先去忙了,稍后發(fā)后臺取值的方法...

動態(tài)添加控件

相關(guān)文章

CSS+jQuery實(shí)現(xiàn)的一個放大縮小動畫效果
因?yàn)樾枨缶椭挥?個元素。如果是要用CSS的class來處理，那就需要用到CSS3動畫了，好了下面為大家介紹下如何實(shí)現(xiàn)這個放大縮小動畫效果
2013-09-09
jQuery原理系列-常用Dom操作詳解
下面小編就為大家?guī)硪黄猨Query原理系列-常用Dom操作詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
對象不支持indexOf屬性或方法的解決方法(必看)
下面小編就為大家?guī)硪黄獙ο蟛恢С謎ndexOf屬性或方法的解決方法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
利用JQuery阻止事件冒泡
冒泡事件就是點(diǎn)擊子節(jié)點(diǎn)，會向上觸發(fā)父節(jié)點(diǎn)，祖先節(jié)點(diǎn)的點(diǎn)擊事件。本文主要介紹JQuery阻止事件冒泡的實(shí)例解析。需要的朋友來看下吧
2016-12-12
關(guān)于jQuery中的end()使用方法
最近在學(xué)習(xí)jQuery方面的知識，學(xué)習(xí)中遇到一定的困難，一些知識不得不查看官方的文檔，在用到end()方法時，被一個小例子搞得有點(diǎn)暈。
2011-07-07
jquery動態(tài)加載js/css文件方法(自寫小函數(shù))
jquery自帶的getSrcript文件只能動態(tài)加載js代碼，但不能加載css，后來自己寫了一個可加載js與css的程序
2014-10-10
這篇文章主要介紹了jQuery鏈?zhǔn)褂梅椒?，以及用哪些方法尅控制jQuery鏈，非常的詳細(xì),需要的朋友可以參考下
2015-01-01