通过选定的选项

Question

这是我的jquery代码，用于禁用其他选择器中的选择，因此无法再次选择相同的选择。

var $select = $("select");
$select.on("change", function() {
    var selected = [];  
    $.each($select, function(index, select) {           
        if (select.value !== "") { selected.push(select.value); }
    });         
   $("option").prop("disabled", false);         
   for (var index in selected) { $('option[value="'+selected[index]+'"]').prop("disabled", true); }
});

这是html代码

<h4 class="info-text">Select 1st Employee<br>
    <select name="wcl-employees1" id="wcl-employees1">
        <option value="" disabled="" selected="" style="display:none;">Select One...</option>
        <option value="Doe, John">Doe, John</option>
        <option value="Doe, Jane">Doe, Jane</option>
        <option value="Smith, Jack">Smith, Jack</option>
    </select>
</h4>
<h4 class="info-text">Select 2nd Employee<br>
    <select name="wcl-employees2" id="wcl-employees2">
        <option value="" disabled="" selected="" style="display:none;">Select One...</option>
        <option value="Doe, John">Doe, John</option>
        <option value="Doe, Jane">Doe, Jane</option>
        <option value="Smith, Jack">Smith, Jack</option>
    </select>
</h4>
<h4 class="info-text">Select 3rd Employee<br>
    <select name="wcl-employees3" id="wcl-employees3">
        <option value="" disabled="" selected="" style="display:none;">Select One...</option>
        <option value="Doe, John">Doe, John</option>
        <option value="Doe, Jane">Doe, Jane</option>
        <option value="Smith, Jack">Smith, Jack</option>
    </select>
</h4>

唯一的东西是我似乎无法通过表单传递选择。这只是一个空帖。