выберите раскрывающийся список данных-max-option через jquery

Question

Я генерирую select dropdown throgh jquery и устанавливаю атрибут data-max-option = '9'.i, не хочу позволять пользователю выбирать более 9 опций. могу ли я сделать это.data-max-option не работает

Пользователь может выбрать категорию и подкатегорию.default выбрана одна категория при выполнении регистрации пользователем. Если категория одна, чем пользователь может выбрать шесть подкатегорий. Если пользователь выбирая категории более одного, чем я хочу, чтобы пользователь мог выбрать девять подкатегорий. Так что я использую функцию jquery при изменении категории, я снова выпадаю подкатегории, с помощью data-max-option = '9' data-max-option not работающих

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