功能描述:
多个下拉框内容的联动,当选中某个选项时,将该选项从其他下拉框中去除,如下图所示:
功能代码如下:
$("select[topic]").change(function() {
// 处理选项显示机制,选中一个选项后,将该选项从其他下拉框中去除
$(this).parent().find("select").each(function(index, obj) {
var curContent = $(obj).find(":selected").html();
if (curContent != '请选择') {
$(obj).siblings().children(":contains('" + curContent+ "')").remove();
}
});
// 将自身的Option补到其他select中
$(this).children().not(":selected").not(":contains('请选择')").each(function(index2, obj2) {
// alert($(obj2).html());
// $(this).parent().siblings().append($(obj2).clone());
$(this).parent().siblings().each(function(index3, obj3) {
if($(obj3).children(":contains('" + $(obj2).html() + "')").length < 1) {
$(obj3).append($(obj2).clone());
}
});
});
});