Jquery desmarcar los elementos de un Select

Con Jquery podemos desmarcar los elementos de un Select (los “option”), da igual si es un Multiselect o uno normal, aqui dejo unas formas de hacerlo:

Con Val

Es la forma mas recomendada y compatible con muchos navegadores

$("#vicolinker").val([]);


Con Prop

$("#vicolinker option:selected").prop("selected", false);


Con removeAttr

$("#vicolinker option:selected").removeAttr("selected");


Metodo Nativo:

Si prefieres el Javascript nativo

var select = document.querySelector('select');
select.selectedIndex = -1;


En caso que no funcione dejo otros metodos que encontre:

$("#vicolinker").attr('selectedIndex', '-1');

$("#vicolinker").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
$("#vicolinker").attr('selectedIndex', '-1').children("option:selected").removeAttr("selected"); //similar al anterior

$('#vicolinker').val('');

$("#vicolinker")[0].selectedIndex = -1;




Benchmark Deselect/Select:

https://jsperf.com/deselect-select


HTML de pruebas:

Normal


      
      

Multiselect


      
      




keywords:
deselect select input form
unselect select input form
descarmar select input form
deseleccionar select input form

Terminos de Busqueda:

  • selectedindex jquery
  • unselect option jquery