JQuery Increment选择ID

时间:2012-05-31 14:41:57

标签: jquery forms clone

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

我想我需要增加选择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 />');
});

有人有类似的问题吗?

干杯

Ĵ

2 个答案:

答案 0 :(得分:0)

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');

答案 1 :(得分:0)

尝试如下,

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

你的功能不是很清楚,所以我不打算在这里输出完整的代码。想法是在克隆之后使用.attr来改变克隆元素的ID。 / p>