jquery - JQuery增量选择ID

Question

我正在克隆一个选择选项输入，以便用户可以添加更多服务。我的克隆部分工作正常，但是当我提交表单时，我只会出现第一个原始选择。

我想我需要增加选择 ID，例如 id="serviceId_2"

我已经搜索和搜索，但我找不到如何增加 ID。

jQuery

$('#clone').click(function() {
    var original = $('#serviceId:eq(0)');
    var allSelects = $('#serviceId');
    var clone = original.clone();

    $('select', clone).filter(function(i) {             

        allSelects.find('option:selected[value="' + $(this).val() + '"]').length;
        allSelects.attr('id','asda');

    }).remove();



    $('#target').append(clone).append('<br />');
});

有人有类似的问题吗？

干杯

Ĵ

Answer 1

var original = $('#serviceId:eq(0)');
var allSelects = $('#serviceId');
var clone = original
                  .clone()
                  .attr('id', 'serviceId_' + $('select[id^=serviceId]').length + 1);

计算现有的长度select以id开始，serviceId然后增加1以使其唯一。

或者如果你只想克隆一次它的简单

var clone = original.clone().attr('id', 'serviceId_2');

Answer 2

尝试如下，

var clone = original.clone().attr('id', 'serviceId_2');

你的功能不是很清楚，所以我不打算在这里放出完整的代码。这个想法是.attr在克隆之后使用来更改ID克隆元素的。