动态增加select(dropdownlist)标签_动态添加dropdownlist select-优快云博客

本文介绍了一个功能，允许用户选择并管理最多四个线路配置，通过添加和删除操作进行配置管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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());
        }