通过jquery select dropdown data-max-option

Question

我正在生成一个选择下拉列表throgh jquery并设置属性data-max-option ='9'.i不想让用户选择多于9个选项。我可以做这个.data-max-option不工作

用户可以选择类别和子类别。默认一个类别是在user.so注册时选择的。如果类别是一个，用户可以选择六个子类别。选择类别不止一个比我想允许用户选择九个子类别。因此，我正在使用jquery函数更改类别我正在生成子类别下拉菜单再次与数据最大选项='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."); 
     } 
    } 
}); 

Answer 2

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

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