jquery - multinivel - menus desplegables html gratis

Deseleccionando todos los elementos de un menú desplegable de selección múltiple en jQuery

Question

Tengo un menú desplegable de selección múltiple como el siguiente, donde he seleccionado las opciones "Prueba 2" y "Prueba 3".

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]">
<option value="6012">Test 1</option>
<option value="8436">Test 2</option>
<option value="4689">Test 3</option>
<option value="6784">Test 4</option>
</select>

Tengo un botón llamado "Deseleccionar todo". Cuando se hace clic en este botón, todos los elementos seleccionados deben ser deseleccionados . En este caso, los elementos que seleccioné anteriormente, "Prueba 2" y "Prueba 3", ahora deberían ser deseleccionados.

¿Cómo puedo lograr esto usando jQuery?

Answer 1

Ahora hay otra posibilidad directamente proporcionada por la API:

$(''#edit-rec'').multiSelect(''deselect_all'');

Funciona bien, aquí puedes encontrar más opciones al respecto: http://loudev.com/

Answer 2

Al hacer clic en el botón de radio puede utilizar este

$("#edit-rec  option").each(function(){

    this.selected=false;

});

Answer 3

JS Fiddle puede hacer algo como esto para configurar el clic en el botón de radio http://jsfiddle.net/x5ck3/

$(''#rdClear'').click(

function() {
    $("#edit-rec option:selected").removeAttr("selected");
});

Answer 4

La forma más fácil que encontré para deseleccionar todas las opciones en un menú desplegable de selección múltiple fue usando .val([]) .

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

Answer 5

Se eliminarán todas las opciones marcadas de la lista desplegable de selección múltiple:

$ (''# ddlTradeShow''). multiselect ("clearSelection");

Answer 6

Tratar -

$("#edit-rec > option").attr("selected",false);

Demostración - http://jsfiddle.net/LhSBu/

Answer 7

$("#butt").click(function () {
    $("#edit-rec > option").removeProp("selected");
});

eso es correcto con la nueva versión de jQuery

Answer 8

$("#edit-rec option:selected").removeAttr("selected");

Answer 9

$("#edit-rec option:selected").removeAttr("selected");