动态增加select(dropdownlist)标签

<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"

onclick="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'onclick='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());

}