javascript - 在第一个下拉列表中值有子元素，然后用户在第二个下拉列表中选择相同的值应该使用 jquery 接受

Question

如果用户选择其中一个 html 值作为 DIP EDU ，并且在第二行中选择 html 下拉值作为 DIP EDU ，我有两个 html 选择选项下拉菜单应该在我当前的代码中这是有效的，但在某些情况下，第一个下拉列表中的某些选项值可能有子元素，例如，如果用户从第一个下拉列表中选择 MBA，用户可以看到子元素浓度 testMBA 中的值 现在，如果用户在第二个下拉列表中选择任何相同的值，它应该允许用户。

我很困惑这里是 fiddle link

这是jquery代码

$(document).on('change','select.slt_major',function(event) {
            var _found = false;

            var cI = $(this);
            var others=$('select.slt_major').not(cI);
            $.each(others,function(){
               if($(cI).val()==$(this).val() && _found == false)
               {
                   $(cI).val('');
                   $('.slt_mjr1,.slt_mjrpg1,slt_mjrpg').val('0')
                   $('.mjr_Desc1,.mjr_Desc,.mjr_Descpg1').val('');
                   $('.pl_Stus1').val('');
                   alert('Major already selected');
                   _found = true;
               }
            });
        });   

Answer 1

http://jsfiddle.net/ewsbs57f/1/

if (!$('#slt_ctr').val() && $(cI).val() == $(this).val() && _found == false)