禁用特定的“选择”下拉选项

Question

我正在尝试在已经选择相同代码的selectize下拉列表中禁用运送位置。例如，在屏幕截图中，您可以看到代码“ Apple”第一次发货时已选择“孟买”，现在我已尝试选择代码“ Apple”第二次在发货地点“孟买”中被禁用，但仅“ Surat”启用选择。

Answer 1

请参考以下代码

<script type="text/javascript">
    $(document).ready(function () {
        $('#fruit').change(function () {
            if ($(this).val() == "1") {
                $('#Location').find('option[value=1]').attr("disabled", true);
            }
        });
    });

</script>

// html

<select id="fruit">
    <option>select</option>
    <option value="1">Apple</option>
    <option value="2">Cherry</option>
</select>

<select id="Location">
    <option>select</option>
    <option value="1">Mumbai</option>
    <option value="2">Delhi</option>
</select>