克隆选择列表后,jquery删除/添加选择选项
我需要能够克隆下拉列表并仅过滤那些尚未在选择列表组中选择的选项。
例如,具有以下内容:
Some service Another one One more
当我单击“克隆”按钮时,它将仅使用尚未选择的那些选项克隆选择列表。
例如:选择选项“某些服务” – >命中克隆 – >新选择列表仅添加选项值:2和3。
等等。克隆和删除选择列表将根据目前为止选择的选项重新填充选择列表。
编辑:为了更好地可视化这里是屏幕截图:
场景:
- 我开始时只有1个下拉列表(有5个选项)=> 1,2,3,4,5 – >默认选择第一个选项。
- 我点击克隆 – >新列表添加了ONLY选项2,3,4,5。
- 我选择选项5(在选择列表中
2)
- 我点击克隆 – >新列表(#3)添加了ONLY选项2,3,4
- 我选择选项2(在选择列表中
3)
- 我点击了克隆 – >新列表(#4)是用选项3,4创建的
..等等。
现在,当我删除选择列表#2(或任何其他选择列表)时,这意味着所有选择列表应重新刷新并包括已删除选择列表中的所选选项(在我们的情况下为#2)
救命。 谢谢
这似乎做你想要的: http : //jsfiddle.net/infernalbadger/SKVSu/1/
$('#clone').click(function() { var original = $('select.selService:eq(0)'); var allSelects = $('select.selService'); var clone = original.clone(); $('option', clone).filter(function(i) { return allSelects.find('option:selected[value="' + $(this).val() + '"]').length; }).remove(); $('#target').append(clone).append('
'); });