jquery - 通过 jquery 选择下拉数据最大选项

Question

我正在通过 jquery 生成一个选择下拉列表并设置属性 data-max-option='9'。我不想让用户选择超过 9 个选项。我该怎么做。data-max-选项无效

用户可以选择类别和子类别。用户注册时默认选择一个类别。所以如果类别是一个，用户可以选择六个子类别。如果用户选择的类别多于一个，我想让用户选择九个子类别。所以我在更改类别时使用 jquery 函数，我再次使用 data-max-option='9' 生成子类别下拉列表数据最大选项不工作

Answer 1

参见 Fiddle工作示例。

$("#s").on("change", function()
{
    var msg = $("#msg");

    var count = 0;

    for (var i = 0; i < this.options.length; i++)
    {
        var option = this.options[i];

        option.selected ? count++ : null;

        if (count > 9)
        {
            option.selected = false;
            option.disabled = true;

            msg.html("Please select only 9 options.");
        }
    }
});