如何为每个克隆的select元素递增id（如task_list0）并解决递增失效问题

问题根源 #

你之前的代码每次都从原始的task_list0提取ID后缀，导致每次task_id的初始值都是0，自增后只能得到1，后续所有克隆的select元素ID都会重复为task_list1。

解决方案 #

方法一：复用现有计数器（推荐）

你已经在维护measurchild的编号计数器c，可以直接复用它来同步更新select的ID，因为两者的递增逻辑完全一致：

修改克隆事件中的处理代码，替换你原来的select ID更新逻辑：

$(document).on('click', '.rb', function() {
    $(this).parent().parent().remove();
});

var c = $(".measurchild:last").attr("id").replace('measurchild', '');
var cloned;
var barcode = $("#mybarcode").val();

$("#measurMore").on('click', function() {
    cloned = $('#measurchild' + c);
    // 克隆并更新measurchild的ID，同时让c自增
    $("#measurchild" + c).clone(true).attr('id', 'measurchild' + (++c)).insertAfter(cloned);
    
    var $lastChild = $(".measurchild:last");
    // 清空表单元素（保留原有逻辑）
    $lastChild.find('input, select, textarea').val('');
    // 修正原代码错误：用find筛选选中的option，而非filter
    $lastChild.find(":selected").removeAttr("selected");
    $lastChild.find('input[type=hidden]').remove();
    $lastChild.find('input[id=task_list]').val('');
    $lastChild.find('input[id=mybarcode]').val(++barcode);
    
    // 更新select的ID：直接使用自增后的c值
    $lastChild.find('select[id^=task_list]').attr('id', 'task_list' + c);
});

原理：每次点击克隆按钮时，++c会将计数器更新为新的measurchild编号，比如第一次克隆后c从0变为1，对应select的ID就是task_list1，第二次克隆c变为2，对应task_list2，以此类推，完全同步。

方法二：单独维护select的计数器

如果你不想复用c，可以单独维护一个全局的select编号计数器：

// 初始化计数器：从原始select的ID提取后缀并转为数字
var taskCounter = parseInt($("#task_list0").attr("id").replace('task_list', ''), 10);

$(document).on('click', '.rb', function() {
    $(this).parent().parent().remove();
});

var c = $(".measurchild:last").attr("id").replace('measurchild', '');
var cloned;
var barcode = $("#mybarcode").val();

$("#measurMore").on('click', function() {
    cloned = $('#measurchild' + c);
    $("#measurchild" + c).clone(true).attr('id', 'measurchild' + (++c)).insertAfter(cloned);
    
    var $lastChild = $(".measurchild:last");
    $lastChild.find('input, select, textarea').val('');
    $lastChild.find(":selected").removeAttr("selected");
    $lastChild.find('input[type=hidden]').remove();
    $lastChild.find('input[id=task_list]').val('');
    $lastChild.find('input[id=mybarcode]').val(++barcode);
    
    // 更新select的ID：计数器自增后赋值
    $lastChild.find('select[id^=task_list]').attr('id', 'task_list' + (++taskCounter));
});

原理：全局的taskCounter每次克隆都会自增，确保每个新的select元素都能获得唯一的递增ID。

注意事项 #

• 使用id^=task_list选择器可以匹配所有ID以task_list开头的select元素，避免硬编码原始ID，更灵活。
• 原代码中$(".measurchild:last").filter(":selected").remove();是错误的，因为filter是筛选当前的div元素，而div不会有selected状态，应该改为find(":selected").removeAttr("selected")来清除option的选中状态。

内容的提问来源于stack exchange，提问作者lazy_titan94