Limite de seleção selectbox.js

Limite de seleção selectbox.js

jQuery(document).ready(function() {
  // Função para adicionar o listener de mudança em um select box
  function setupLimitForSelectBox(selectBoxId, limitFieldName) {
    jQuery(selectBoxId).on('change', function() {
      var limit = parseInt(jQuery('input[name="' + limitFieldName + '"]').val(), 10);
      var selectedOptions = jQuery(this).find('option:selected');

      if (selectedOptions.length > limit) {
        // Reverter a última seleção
        selectedOptions.each(function(index) {
          if (index >= limit) {
            jQuery(this).prop('selected', false);
          }
        });

        // Opcional: Mostrar uma mensagem ao usuário
        alert('Você pode selecionar no máximo ' + limit + ' categorias.');
      }
    });
  }

  // Configuração para cada select box
  setupLimitForSelectBox('#categoria1', 'limite-1');
  setupLimitForSelectBox('#categoria2', 'limite-2');
  setupLimitForSelectBox('#categoria3', 'limite-3');
});