我在克隆现有的选定元素(不是选项,而是整个选择框)并为它们创建动态 id 时遇到问题。
我可以克隆所选元素,但是,它生成的 id 与所选父元素的 id 相同,并且不允许在其中选择选项。
当我单击新生成的选择框时,克隆的父选择显示要选择的选项列表,而不是选择的子选择。选择的孩子被冻结,我无法选择其中的选项。
截屏:
JS:
$("#addCostDetailsRowBtn").button().click(addCostRowFn);
var addCostRowFn = function () {
var rowLen = $(".costTemplateRow").length;
//alert(rowLen);
var $newRow = $("#costTemplateRow1").clone(true);
$newRow.find('select').each(function () {
//alert($(this));
//alert($(this).attr('id'));
var item = $(this).attr('id');
if('undefined'!=item) {
var newItem = item.replace(/^(.*)(\d+)$/, function(match, p1, p2) {
return p1+(parseInt(p2)+1);
});
$(this).attr('id', newItem);
$(this).removeClass("chzn-done");
}
});
$('#costsTable tr:last').before($newRow);
return false;
};
有人可以帮我解决问题吗?
谢谢,贾亚克里希纳