基于Jquery的動態(tài)添加控件并取值的實現(xiàn)代碼
更新時間：2010年09月24日 13:19:07 作者：
基于Jquery的動態(tài)添加控件并取值的實現(xiàn)代碼，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<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ā)后臺取值的方法...
相關(guān)文章
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對 IE8 的支持，大家可以先看一下。2016-04-04
這篇文章主要介紹了使用jQuery實現(xiàn)擲骰子游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了jquery實現(xiàn)加載進度條提示效果，感興趣的小伙伴們可以參考一下2015-11-11
jQuery插件jFade實現(xiàn)鼠標(biāo)經(jīng)過的圖片高亮其它變暗
本文給大家介紹的是一款重點突出的jQuery特效插件效果，使用jFade實現(xiàn)鼠標(biāo)經(jīng)過的圖片高亮其它變暗，非常實用，推薦給小伙伴們參考下。2015-03-03
jQuery是一個JavaScript庫，它簡化了客戶端JavaScript編程的過程，特別是針對HTML文檔遍歷和操作、事件處理、動畫效果和Ajax操作。感興趣的小伙伴可以參考閱讀2023-04-04
這篇文章主要介紹了jquery實現(xiàn)簡單的表單驗證，思路大概是先為每一個required添加必填的標(biāo)記，用each()方法來實現(xiàn)，感興趣的小伙伴們可以參考一下2015-11-11
animate動畫示例(淚奔的小孩)及stop和delay的使用
實現(xiàn)原理：停止動畫，當(dāng)一個元素有一個動畫隊列時，停止的是當(dāng)前動畫，緊接著執(zhí)行下一個動畫，具體代碼如下，感興趣的朋友可以參考下哈，希望對你學(xué)習(xí)jquery動畫有所幫助2013-05-05
jQuery實現(xiàn)dialog設(shè)置focus焦點的方法
這篇文章主要介紹了jQuery實現(xiàn)dialog設(shè)置focus焦點的方法,涉及jQuery針對dialog的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JQuery中Ajax的操作完整例子,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery中html()方法用法,以實例形式分析了html()方法的功能、定義及使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12