多选中的bootstrap-select禁用选项

Question

首次下拉是一个选择，这是首选。当做出第一个选择时，我想在bootstrap select choice_others多选框中禁用它。

这是我到目前为止所做的，但我无法在多选select bootstrap-select框中禁用该选项。

以下是选择框：

<select id="1" name="choice_first" class="selectpicker">
    <option value="Mustart">Mustard</option>
    <option value="Ketchup">Ketchup</option>
    <option value="Barbecue">Barbecue</option>
    <option value="Mayo">Mayo</option>
    <option value="Pickles">Pickles</option>
</select>

<select id="2" name="choice_others" class="selectpicker" multiple>
    <option value="Mustard">Mustard</option>
    <option value="Ketchup">Ketchup</option>
    <option value="Barbecue">Barbecue</option>
    <option value="Mayo">Mayo</option>
    <option value="Pickles">Pickles</option>
</select>

这是我的Javascript：

$('select[name*="choice"]').change(function() {
    var selectedOptions = $('select option:selected');
    $('select option').removeAttr('disabled');

    selectedOptions.each(function() {

        var value = this.value;
        if (value != ''){           
        var id = $(this).parent('select').attr('id');
        var options = $('select:not(#' + id + ') option[value=' + value + ']');
        options.attr('disabled', 'true');
        }
    });


});

感谢您的帮助

JS小提琴链接我一直在玩：http://jsfiddle.net/ta15bb5k/