基于Jqurey的下拉框改变动态添加和删除表格实现代码_jquery

 效果图：

当下拉框改变的时候，添加一个成人填写信息或儿童填写信息！
代码如下:









//添加成人
function addAdult(){
var selAdult = $("#SelectAdult");
var tabtrCss = $(".tabtr");
var selValue = selAdult.val();
var addStr = "

乘客姓名：
证件号：		证件类型：	身份证护照军官证其它

";
tabtrCss.remove();
for(var i=1;i<=selValue;i++){
$("#adult").append(addStr);
}
}
//添加儿童
function addChildren(){
var selChild = $("#SelectChildren");
var children = $(".children");
var selValue = selChild.val();
var addStr = "

乘客姓名：
证件号：		证件类型：	身份证出生日期其它

";
children.remove();
for(var i = 1;i<=selValue;i++){
$("#child").append(addStr);
}
}

成人 1人 2人 3人 4人 5人

乘客姓名： 证件号： 证件类型： 身份证 护照 军官证 其它

儿童 0人 1人 2人

联系人姓名：		联系方式：

JavaScript代码还有可优化的，儿童和成人下拉框改变天津添加的信息是一样的！可以只定义一个变量，两个函数共同使用！