可以添加在增减过程中需要的自定义参数和变量,如: $("table").dynamicaddremover({param1:"param1", param2:"param2"});
使用时,如:options.param1等等。
.根容器必须有唯一id且指定时必须唯一。如果有多个模块(多个根容器)需要使用可以这样:$("#table1").dynamicaddremover(),$("#table2").dynamicaddremover()等等。
.新添加的控件里的id和name并没有更新,如果有特别业务需要,请在addedevent里添加生成新id的业务逻辑。
实例一
<?xml version="1.0" encoding="iso-8859-1"?>
<html>
<head>
<title></title>
<script language="网页特效" src="jquery-1.4.2.min.网页特效"></script>
<script language="javascript" src="dynamicaddremover.js"></script>
<script language="javascript">$(function(){
$("#table1").dynamicaddremover({
addedevent:function(newctl, options){
//clear the textbox.
newctl.find(":text").val('');
if($("table").size() > 5)
{
//hide the add button.
newctl.find("img[id$='" + options.adderid + "']").hide();
}
},
removedevent:function(prevctl, nextctl, options){
if($("table").size() <= 5)
{
//show the add button.
$("table:last").find("img[id$='" + options.adderid + "']").show();
}
}
});
});
</script>
</head>
<body>
<table id='table1'>
<tr>
<td>
<select>
<option value ="volvo">volvo</option>
<option value ="saab">saab</option>
<option value="opel">opel</option>
<option value="audi">audi</option>
</select>
<input type="text" name="text1" id="text1" value="text"></input>
<button type="button" name="btn1" value="btn1" id="btn1" >button</button>
</td>
</tr>
</table>
</body>
</html>
实例二
<?xml version="1.0" encoding="iso-8859-1"?>
<html>
<head>
<title></title>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript" src="dynamicaddremover.js"></script>
<script language="javascript">
$(function(){
$("table").dynamicaddremover();
});
</script>
</head>
<body>
<table>
<tr>
<td>
<select>
<option value ="volvo">volvo</option>
<option value ="saab">saab</option>
<option value="opel">opel</option>
<option value="audi">audi</option>
</select>
<input type="text" name="text1" id="text1" value="text"></input>
<button type="button" name="btn1" value="btn1" id="btn1" >button</button>
</td>
</tr>
</table>
</body>
</html>
增加控件,如文件上传框,输入框都可以用上面二个例子来实例,不过实例一是一款可以控制增加控制的个数限制的,实例了无限的,增加删除控件