Table动态添加行

 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="title"> <tr> <td class="orderFont">乘客及行程信息<input id="PCount" name="PCount" type="hidden" value="4" /><input id="AddCount" name="AddCount" type="hidden" value="0" /><input id="hidAllPrice" name="hidAllPrice" size="1" style="WIDTH: 40px; HEIGHT: 18px" type="hidden" value="2160.0000" /> </td> <td align="right" > <a href="javascript:AddRow();" mce_href="javascript:AddRow();" >添加一行</a> </td> </tr> </table><table id="tabTripList" cellpadding="0" cellspacing="0" width="100%" border=1><tr title="取消行程，只需将相应的航段状态置为＂取消＂，然后点击修改即可！" > <td>PNR</td> <td>姓名</td> <td>年龄组</td> <td>证件类型</td> <td>证件号码</td> <td>乘客电话</td> <td>出发城市</td> <td>到达城市</td> <td>起飞日期与时间</td> <td> 航司</td> <td>航班号</td> <td>舱位</td> <td>折扣</td> <td>飞机机型</td> <td>航段状态</td> <td>全价</td> <td>票面价</td> <td>机场费</td> <td>燃油费</td> <td>手续费</td> <td>优惠金额</td> <td>优惠券号</td> </tr></table><mce:script type="text/javascript"><!--var index=0;function AddRow(a){ var html = '<table id="addedRow'+index+'" name="addedRow" border="0" cellpadding="0" cellspacing="0" width="100%" class="mostlytable">'; html += ' <tr class="mostlytableodd">'; html += ' <td><select id="addedPNR'+index+'" name="addedPNR'+index+'" style="width:45" >'; html += ' <%= this.PNROptions %>'; html += ' </select></td> ' html += ' <td><input id="addedName'+index+'" name="addedName'+index+'" size="4" maxlength="20" class="input4"></td>' ; html += ' <td>'; html += ' <select id="addedPassengerType'+index+'" name="addedPassengerType'+index+'" onchange="CountMoney();">'; html += ' <option selected value="1">成人</option>'; html += ' <option value="2">儿童</option>'; html += ' <option value="3">婴儿</option>'; html += ' </select>' ; html += ' <td>'; html += ' <select id="addedCertyType'+index+'" name="addedCertyType'+index+'">'; html += ' <option selected="" value="1">身份证</option>'; html += ' <option value="2">护照</option>'; html += ' <option value="3">军官证</option>'; html += ' <option value="4">其它</option>'; html += ' </select>' ; html += ' </td>'; html += ' <td><input id="addedCertyCode'+index+'" name="addedCertyCode'+index+'" size="12" class="input4" onblur="if(!CheckSID(this.value,true)){this.focus();this.select();}" /></td>' ; html += ' <td><input id="addedTel'+index+'" name="addedTel'+index+'" size="6" class="input4" /></td>' ; html += ' <td><input id="addedFromCity'+index+'" name="addedFromCity'+index+'" maxlength="3" style="width:25" class="input4" /></td>' ; html += ' <td><input id="addedToCity'+index+'" name="addedToCity'+index+'" maxlength="3" style="width:25" class="input4" /></td>' ; html += ' <td><input class="input4" id="addedFlyTime'+index+'" name="addedFlyTime'+index+'" size="14" onblur="if(!LongDateTimeWithoutSecond(this.value)&&this.value!=/'/'){alert(/'请正确输入时间!/');this.value=/'/';this.focus();return false;}" /></td>'; html += ' <td><input class="input4" id="addedCarrier'+index+'" name="addedCarrier'+index+'" maxlength="2" style="width:15" /></td>'; html += ' <td><input class="input4" id="addedFlightNO'+index+'" name="addedFlightNO'+index+'" maxlength="6" style="width:25" /></td>' ; html += ' <td><input class="input4" id="addedClass'+index+'" name="addedClass'+index+'" maxlength="1" style="width:15" /></td>' ; html += ' <td><input class="input4" id="addedAgio'+index+'" name="addedAgio'+index+'" maxlength="3" style="width:25" /></td>' ; html += ' <td><input class="input4" id="addedAirType'+index+'" name="addedAirType'+index+'" style="width:25" /></td>' ; html += ' <td>'; html += ' <select id="addedTicketStatus'+index+'" disabled name="addedTicketStatus'+index+'" onchange="CountMoney()">'; html += ' <option value="1" selected>正常票</option>'; html += ' </select>' ; html += ' </td>'; html += ' <td><input class="input4" id="addedQuanPrice'+index+'" name="addedQuanPrice'+index+'" maxlength="14" size="2" /></td>' ; html += ' <td><input class="input4" id="addedCashAmount'+index+'" name="addedCashAmount'+index+'" onblur="CountMoney();" maxlength="14" size="2" /></td>' ; html += ' <td><input class="input4" id="addedTotalPrice'+index+'" name="addedTotalPrice'+index+'" value="50" onblur="CountMoney();" maxlength="14" style="width:25" /></td>' ; html += ' <td><input class="input4" id="addedOilPrice'+index+'" name="addedOilPrice'+index+'" value="150" onblur="CountMoney();" maxlength="14" style="width:25" /></td>' ; html += ' <td><input class="input4" id="addedPoundage'+index+'" name="addedPoundage'+index+'" onblur="CountMoney();" maxlength="14" style="width:25" /></td>' ; html += ' <td><input class="input4" id="addedYHJMoney'+index+'" name="addedYHJMoney'+index+'" style="width:25" maxlength="3" onblur="CountMoney()" /></td>' ; html += ' <td><input class="input4" id="addedYHJCode'+index+'" name="addedYHJCode'+index+'" maxlength="10" size="2" /></td>' ; html += ' </tr>'; html += '</table>'; tabTripList.insertAdjacentHTML('AfterEnd',html); index++;}// --></mce:script>