jquery - 禁用特定的 "selectize"下拉选项

Question

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

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>