<table>
<tr>
<td>
<label id='lblselfta_route1'>
<span class="red">*</span>线路1</label>
</td>
<td colspan="3" style="text-align: left">
<select id="selfta_routes1" name="selectList" style="width: 150px;">
</select><input type="button" id="addselfta_route" value="添加线路" class="btnclass"
οnclick="AddSelFta_route();" />
<input type='hidden' id="selfta_routeNum" value="1" />
</td>
</tr>
</table>
js代码:
function AddSelFta_route() {
if ((parseInt($("#selfta_routeNum").val())) == 4) {
alert("只能选择4条线路!");
return false;
}
$("#selfta_routeNum").val((parseInt($("#selfta_routeNum").val()) + 1).toString());
$("#table").append("<tr><td><label id='lblselfta_route" + $("#selfta_routeNum").val() + "'><span class='red'>*</span>线路" + $("#selfta_routeNum").val() + "</label></td><td colspan='3' style='text-align: left'><select id='selfta_routes" + $("#selfta_routeNum").val() + "'name='selectList' style='width: 150px;'></select><input type='button' id='addselfta_route" + $("#selfta_routeNum").val() + "' value='删除线路'class='btnclass'οnclick='RemoveRoute(this);' /></td></tr>");
$("#selfta_routes" + $("#selfta_routeNum").val()).append($("#hidselfta_routes").val());
}
function RemoveRoute(btn) {
var id = $(btn).attr("id").toString();
var deletenum = id.substring(id.length - 1);
$(btn).parent().parent().remove();
for (var i = (parseInt(deletenum) + 1); i <= parseInt($("#selfta_routeNum").val()); i++) {
$("#lblselfta_route" + i.toString()).html("线路" + deletenum);
$("#lblselfta_route" + i.toString()).attr("id", "lblselfta_route" + deletenum);
$("#selfta_routes" + i.toString()).attr("id", "selfta_routes" + deletenum);
$("#addselfta_route" + i.toString()).attr("id", "addselfta_route" + deletenum);
deletenum = (parseInt(deletenum) + 1).toString();
}
$("#selfta_routeNum").val((parseInt($("#selfta_routeNum").val()) - 1).toString());
}