效果图： 当下拉框改变的时候，添加一个成人填写信息或儿童填写信息！ 复制代码 代码如下: 无标题文档 <BR>*{ <BR>font-size:12px; <BR>} <BR>#dFlightContent1 { <BR>width: 704px; <BR>height:auto; <BR>border-bottom: 1px solid #B0CAED; <BR>border-left: 1px solid #B0CAED; <BR>border-right: 1px solid #B0CAED; <BR>overflow: hidden; <BR>} <BR>.w_tt { <BR>font-size:14px; <BR>color:#006699; <BR>margin:0px 4px; <BR>} <BR>.w_tit { <BR>width:85px; <BR>text-align:right; <BR>} <BR>.w_uinfo { <BR>width:500px; <BR>margin:5px 20px 10px; <BR>} <BR>.w_uinfo input { <BR>height:18px; <BR>border:solid 1px #999999; <BR>} <BR> <BR>//添加成人 <BR>function addAdult(){ <BR>var selAdult = $("#SelectAdult"); <BR>var tabtrCss = $(".tabtr"); <BR>var selValue = selAdult.val(); <BR>var addStr = "<tr class='tabtr'><td><table><tr height='30px'><td class='w_tit'>乘客姓名：<td colspan='2'><input type='text' name='userName' /><tr height='30px'><td class='w_tit'>证件号：<td><input type='text' name='papersNum' /><td class='w_tit'>证件类型：<td><select name='paper' id='paper'><option value='1'>身份证<option value='2'>护照<option value='3'>军官证<option value='4'>其它"; <BR>tabtrCss.remove(); <BR>for(var i=1;i<=selValue;i++){ <BR>$("#adult").append(addStr); <BR>} <BR>} <BR>//添加儿童 <BR>function addChildren(){ <BR>var selChild = $("#SelectChildren"); <BR>var children = $(".children"); <BR>var selValue = selChild.val(); <BR>var addStr = "<tr class='children'><td><table><tr height='30px'><td class='w_tit'>乘客姓名：<td colspan='2'><input type='text' name='userName' /><tr height='30px'><td class='w_tit'>证件号：<td><input type='text' name='papersNum' /><td class='w_tit'>证件类型：<td><select name='paper' id='paper'><option value='1'>身份证<option value='2'>出生日期<option value='3'>其它"; <BR>children.remove(); <BR>for(var i = 1;i<=selValue;i++){ <BR>$("#child").append(addStr); <BR>} <BR>} <BR> 成人 1人 2人 3人 4人 5人 乘客姓名： 证件号： 证件类型： 身份证 护照 军官证 其它 儿童 0人 1人 2人 联系人姓名： 联系方式： JavaScript代码还有可优化的，儿童和成人下拉框改变天津添加的信息是一样的！可以只定义一个变量，两个函数共同使用！
成人 儿童 
