 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Jquery動(dòng)態(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個(gè)"); 
} 
}); 
$('.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> 

先把前臺(tái)的整理出來(lái)，項(xiàng)目臨時(shí)有需求，先去忙了,稍后發(fā)后臺(tái)取值的方法...

動(dòng)態(tài)添加控件

相關(guān)文章

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