3

Por defecto está seleccionado la opción "Todos". Si el usuario selecciona la opción "Todos", borra todas las que haya seleccionado antes y deja la que viene por defecto ("Todos"), pero necesito también que si el usuario selecciona otro mes borre la opción de todos y me deje colocar los meses gracias.

$('.multiple').chosen({placeholder_text_multiple: 'Seleccione'});

$(document).on('change','#mes',function(){
  if($.inArray("todos", $(this).val()) > -1){
    $(this).chosen().val('todos').trigger("chosen:updated");
  }else{
  
  }
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<select class="form-control multiple" multiple id="mes">
  <option value="todos" selected>Todos</option>
  <option value="enero">Enero</option>
  <option value="febrero">Febrero</option>
  <option value="marzo">Marzo</option>
  <option value="abril">Abril</option>
  <option value="mayo">Mayo</option>
  <option value="junio">Junio</option>
  <option value="julio">Julio</option>
  <option value="agosto">Agosto</option>
  <option value="septiembre">Septiembre</option>
  <option value="octubre">Octubre</option>
  <option value="noviembre">Noviembre</option>
  <option value="diciembre">Diciembre</option>
</select>

1 respuesta 1

3

Necesitas verificar que valor fue seleccionado con selected. Algo asi:

$('.multiple').chosen({placeholder_text_multiple: 'Seleccione'});

$(document).on('change','#mes',function(evt, params){
  var x = $(this).val();
  if($.inArray("todos", $(this).val()) > -1){
    if(params.selected == 'todos') {
     $(this).chosen().val('todos').trigger("chosen:updated");
    } else {
     $(this).chosen().val(params.selected).trigger("chosen:updated");
    }
  }else{
  
  }
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<select class="form-control multiple" multiple id="mes">
  <option value="todos" selected>Todos</option>
  <option value="enero">Enero</option>
  <option value="febrero">Febrero</option>
  <option value="marzo">Marzo</option>
  <option value="abril">Abril</option>
  <option value="mayo">Mayo</option>
  <option value="junio">Junio</option>
  <option value="julio">Julio</option>
  <option value="agosto">Agosto</option>
  <option value="septiembre">Septiembre</option>
  <option value="octubre">Octubre</option>
  <option value="noviembre">Noviembre</option>
  <option value="diciembre">Diciembre</option>
</select>

Puedes encontrar mas informacion en la documentacion aqui: https://harvesthq.github.io/chosen/options.html

1
  • 1
    muchas gracias me sirvió mucho.
    – PANGALLETA
    el 29 ene. 2019 a las 18:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.