Question

我正在生成一个选择下拉式throgh jquery并设置属性data-max-option =＆＃39; 9＆＃39;。我不想让用户选择超过9个选项。我可以do this.data-max-option not working

用户可以选择类别和子类别。默认选择一个类别，同时由用户进行注册。如果类别是一个，则用户可以选择六个子类别。如果用户选择的类别多于我想允许用户选择的类别九个子类别。所以我使用jquery函数更改类别我再次使用data-max-option =＆＃39; 9＆＃39;生成子类别下拉列表 data-max-option无法正常工作

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.");
        }
    }
});

Answer 2

您也可以使用jquery管理这个。

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

通过jquery选择dropdown data-max-option

2 个答案: