我遇到克隆选择和删除问题。克隆选择并继续克隆或删除克隆的选择
我想要什么:
- 当改变一个选择,我要克隆的选择所以有一个新的选择。
- 更改克隆选择也会添加一个新选择。
- 选择可被移除
- 总共可存在最多5个选择,但至少1选择具有增加的数字
- 更新标签。如果中间的一个将被删除,则所有选择都将获得新的标签号码。
我做了一个JSFiddle
错在:
- 克隆,你也可以选择删除后。它可以是任何选择,但必须始终有一个不能删除的选择。删除克隆也必须更新数字。
这里是我的代码:
$(document).ready(function() {
var selectsCount = 1;
$('.box label').text('Selector ' + (selectsCount++));
$('.box select').on('change', function() {
if (selectsCount < 5) {
var cloned = $('.box').last().clone(true).insertAfter($(this).parents('.box:last'));
cloned;
cloned.find("label").text('test Selector ' + (selectsCount++));
}
});
$(".cancelSelect").on('click', function() {
var parentBox = $(this).parents('.box');
parentBox.find('select').prop('selectedIndex', 0);
parentBox.remove();
});
});
见我JSFiddle
谢谢你,这么近又那么远!所以有一个问题留下来,这是1选择必须留下来,不能删除+删除选择后更新数字。 – Teezii
@Teezii - 你能多解释一下... – Rayon
现在我们可以删除所有的选择。我想要的是你可以删除所有选择,但是1,但是删除哪一个并不重要。删除选择必须再次更新号码。 – Teezii