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