Два пользовательских MultiSelect выпадающий зависят друг от друга

Question

Два пользовательских MultiSelect выпадающий зависят друг от друга и на основе комбинированного результата необходимо, чтобы показать детали и при выборе одного, то в другом значении ниспадающего должна быть отключена, если комбинация не найден

<div class="firstdrop"> 
    <span value="ss">ss</span> 
    <span value="dd">dd</span> 
</div> 
<div class="seconddrop"> 
    <span value="game">game</span> 
    <span value="football">football</span> 
</div> 
<div class="game ss"></div> 
<div class="gamee dd"></div> 
<div class="football ss"></div> 
<div class="ss"></div> 

Answer 1

Как я уже делал это в прошлом (по мотивам вашего примера):

if($('#firstdrop').val() == 'some value') { 
    var oldval = $('#seconddrop').val(); // In case the chosen option exists in the new option set 
    var opts = '<option value="val1">Val 1</option>'; 
    opts += '<option value="val2">Val 2</option>'; 
    etc... 
    $('#seconddrop').empty().append(opts).val(oldval); 
} 

о, и вы должны использовать выберите теги, а не дивы.

<select multiple id="firstdrop">... 
<select multiple id="seconddrop">...