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

      Opcion 1
      Opcion 2

Multiselect

      Opcion 1
      Opcion 2

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