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

【问题标题】：select dropdown data-max-option through jquery通过jquery选择下拉数据最大选项
【发布时间】：2015-07-21 08:25:56
【问题描述】：

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

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

【问题讨论】：

标签： jquery html css

【解决方案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.");
        }
    }
});

【讨论】：

【解决方案2】：

你也可以用 jquery 来管理这个。

$('#dropdown').on("click", "option", function ()
{
    if ($(this).parent().val().length > 9) {
       alert("Max 9 values at a time");
       $(this).removeAttr("selected");
    }
});

【讨论】：