根据另一个下拉列表在下拉列表中禁用多个值

我希望根据第一个下拉选择值在第二个和第三个下拉列表中禁用多个值。我可以为单个选定值执行此操作。但是，如何对多个选定值执行此操作。

我有3个下拉，所有都是多选下拉。 我的代码是，

      $(window).load(function(){ var $dropdown1 = $("select[name='project_manager[]']"); var $dropdown2 = $("select[name='test_engineer[]']"); var $dropdown3 = $("select[name='viewer[]']"); $dropdown1.change(function() { $dropdown2.empty().append($dropdown1.find('option').clone()); $dropdown3.empty().append($dropdown2.find('option').clone()); var selectedItem = $(this).val(); if (selectedItem) { $dropdown2.find('option[value="' + selectedItem + '"]').prop('disabled', true); $dropdown3.find('option[value="' + selectedItem + '"]').prop('disabled', true); } }); $dropdown2.change(function() { $dropdown3.empty().append($dropdown2.find('option').clone()); var selectedItem = $(this).val(); if (selectedItem) { $dropdown3.find('option[value="' + selectedItem + '"]').prop('disabled', true); } }); });      Test 1 Test 2 Test 3    Test 1 Test 2 Test 3    Test 1 Test 2 Test 3   // tell the embed parent frame the height of the content if (window.parent && window.parent.parent){ window.parent.parent.postMessage(["resultsFrame", { height: document.body.getBoundingClientRect().height, slug: "vrLr9wyg" }], "*") }    

Answer 1

  if (selectedItem) { $(selectedItem).each(function(v,i) { $dropdown2.find('option[value="' + i + '"]').prop('disabled', true); $dropdown3.find('option[value="' + i + '"]').prop('disabled', true); });