javascript - 在上一个选择框中更改同一项目时禁用项目

我有两个带有相同项目的选择组合框。

我想做的是，当我从第一个组合框中选择任何项目时，则应在第二个组合框中禁用具有相同值的项目。

这是我想要的图像:

我使用的库是:http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

我尝试过的代码是:

       $("#select_first").dropdownchecklist({maxDropHeight: 150,
                onComplete: function(selector) {
                    var values = "";
                    for( i=0; i < selector.options.length; i++ ) {
                        if (selector.options[i].selected && (selector.options[i].value != "")) {
                            $("#select_second").children('option').each(function() {
                                if ( $(this).val() === selector.options[i].value ) {
                                    $(this).attr('disabled', true).siblings().removeAttr('disabled');
                                }
                            });
                        }
                    }
                }
            });

我的jsfiddle同样是Here
请在此添加解决方案。

如果有的话，请给出解决方案。
非常感谢。

最佳答案

根据您的代码，您仅禁用 ，但是需要刷新第二个控件以包含更新的属性。

$("#s2").dropdownchecklist("refresh");

因此，在对控件进行任何更改之后，您必须刷新它以使其起作用。

Demo

关于javascript - 在上一个选择框中更改同一项目时禁用项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19606670/