¿La mejor manera de deseleccionar una en jQuery?

Hay muchas respuestas aquí, pero desafortunadamente todas ellas son bastante antiguas y, por lo tanto, dependen de attr/removeAttr que en realidad no es el camino a seguir.

@coffeeyesplease menciona correctamente que una buena solución entre navegadores es usar

$("select").val([]);

Otra buena solución cross-browser es

// Note the use of .prop instead of .attr
$("select option").prop("selected", false);

Puede ver que ejecuta un auto-test aquí. Probado en IE 7/8/9, FF 11, Cromo 19.

Ha pasado un tiempo desde que se preguntó, y no he probado esto en navegadores más antiguos, pero me parece una respuesta mucho más simple es

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

.val () también funciona para select http://api.jquery.com/val /

Las respuestas hasta ahora solo funcionan para múltiples selecciones en IE6 / 7; para la selección no múltiple más común, debe usar:

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

Esto se explica en el post enlazado por flyfishr64. Si lo miras, verás cómo hay 2 casos-multi / non-multi. No hay nada que te detenga chaning tanto para una solución completa:

$("#selectID").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");

Método más simple

$('select').val('')

Simplemente usé esto en el select y funcionó.

Estoy en jQuery 1.7.1.

Un rápido google encontró este post que describe cómo hacer lo que desea para ambas listas de selección única y múltiple en IE. La solución también parece bastante elegante:

$('#clickme').click(function() {
        $('#selectmenu option').attr('selected', false);

}); 

$("#selectID option:selected").each(function(){
  $(this).removeAttr("selected");
});

Esto iterar a través de cada elemento y anule la selección de sólo los que se comprueban

Oh jquery.

Dado que todavía hay un enfoque nativo de javascript, siento la necesidad de proporcionar uno.

var select = document.querySelector('select'); //hopefully you'll use a better selector query
select.selectedIndex = 0; // or -1, 0 sets it to first option, -1 selects no options

Y solo para mostrarte cuánto más rápido es esto: benchmark

$(option).removeAttr('selected') //replace 'option' with selected option's selector

$("option:selected").attr("selected", false);

Muchas Gracias por la solución.

La solución para la lista combinada de opción única funciona perfectamente. Encontré esto después de buscar en muchos sitios.

$("#selectID").attr('selectedIndex', '-1').children("option:selected").removeAttr("selected");

Por lo general, cuando uso un menú de selección, cada opción tiene un valor asociado. Por ejemplo

<select id="nfl">
  <option value="Bears Still...">Chicago Bears</option>
  <option selected="selected" value="Go Pack">Green Bay Packers</option>
</select>
console.log($('#nfl').val()) logs "Go Pack" to the console
Set the value to an empty string $('#nfl').val("")
console.log($('#nfl').val()) logs "" to the console

Ahora bien, esto no elimina el atributo seleccionado de la opción, pero todo lo que realmente quiero es el valor.

Otra manera simple:

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