如何解决克隆选择列表后,jquery删除/添加选择选项
| 我需要能够克隆一个下拉列表并仅过滤那些在选择列表组中尚未选择的选项。 例如,具有以下内容:<select name=\"SelectService\" class=\"selService\">
<option value=\"1\">Some service</option>
<option value=\"2\">Another one</option>
<option value=\"3\">One more</option>
</select>
当我单击“克隆”按钮时,它将仅使用尚未选择的那些选项来克隆选择列表。
例如:选择选项\“某些服务\”->命中克隆->添加新的选择列表,仅包含选项值:2和3。
等。克隆和删除选择列表将根据到目前为止选择的选项重新填充选择列表。
编辑:
为了更好地显示它,以下是屏幕截图:
场景:
我开始时只有1个下拉菜单
列表(有5个选项)=>
1,2,3,4,5->默认情况下选择第一个选项。
我打克隆->
新列表添加了仅选项
2,5。
我选择选项5(在选择列表中
2)
我点击克隆->添加了新列表(#3)
仅选项2,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(\'<br />\');
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。