Cómo restablecer un elemento de selección con jQuery

Question

tengo

<select id="baba"> 
<option>select something</option> 
<option value="1">something 1</option> 
<option value=2">something 2</option> 
</select> 

Usando jQuery, ¿cuál sería la forma más fácil (menos de escribir) para restablecer el select modo se selecciona la primera opción?

Answer 1

probar esto. Esto funcionará $('#baba').prop('selectedIndex',0);

Marque aquí http://jsfiddle.net/bibin_v/R4s3U/

Answer 2

$('#baba option:first').attr('selected',true); 

Answer 3

En su caso (y en la mayoría de los casos de uso que he visto), todo lo que necesita es:

$("#baba").val(""); 

Demo.

Answer 4

Esto hace el truco, y funciona para cualquier selección.

$('#baba').val($(this).find('option:first').val()); 

Answer 5

creo:

$("select option:first-child").attr("selected", "selected"); 

Answer 6

$('#baba option:first').prop('selected',true); 

Hoy en día mejor uso .prop(): http://api.jquery.com/prop/

Answer 7

Editar: manera antigua,

document.getElementById('baba').selectedIndex = 0; 

Trate a continuación y que debería funcionar para su caso,

$('#baba option:first').prop('selected', true); 

DEMO

Answer 8

$('#baba').prop('selectedIndex',-1); 

Answer 9

Restablecer el campo de selección individual a la opción predeterminada.

<select id="name"> 
    <option>select something</option> 
    <option value="1" >something 1</option> 
    <option value="2" selected="selected" >Default option</option> 
</select> 
<script> 
    $('name').val($('name').find("option[selected]").val()); 
</script> 

O si lo desea restablecer todos los campos del formulario a la opción por defecto:

<script> 
    $('select').each(function() { 
     $(this).val($(this).find("option[selected]").val()); 
    }); 
</script> 

Answer 10

La mejor javascript solución que he encontrado es esta

elm.options[0].selected="selected";