javascript - 在选择菜单中禁用第 n 个子项

Question

我有一个这样的选择菜单:

<select class="priority">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
</select>

我正在使用以下代码来禁用输入:

$('[id^=yellow_]').on('click', function () {
            var priority_value =$("input:checkbox[id^='yellow_box_']:checked").length;
            $('select').children(':nth-child('> + priority_value + ')').prop('disabled', true);
        });

无论 priority_value 是多少，所有选择菜单子(monad)项都会在单击事件时被禁用，而不仅仅是大于 priority_value 的选项。为什么会这样？

Answer 1

使用大于选择器

替换

$('select').children(':nth-child('> + priority_value + ')').prop('disabled', true);

与

$('select').children(':gt(' + priority_value + ')').prop('disabled', true);