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

Posted 2021-04-09

我正在尝试在已选择相同代码的选择下拉列表中禁用送货地点。例如在屏幕截图中你可以看到代码“Apple”第一次shippping locatin我已经选择了“孟买”现在我尝试添加代码“Apple”第二次现在在发货地点“孟买”应该被禁用但只有“Surat”允许选择。

答案

请参考以下代码

<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>