Come ripristinare un elemento di selezione con jQuery

Question

ho

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

utilizzando jQuery, quale sarebbe il (meno di scrivere) modo più semplice per ripristinare il select quindi la prima opzione è selezionata?

Answer 1

Prova questa. Questo funzionerà. $('#baba').prop('selectedIndex',0);

controllare qui http://jsfiddle.net/bibin_v/R4s3U/

Answer 2

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

Answer 3

Nel tuo caso (e nella maggior parte dei casi d'uso che ho visto), tutto ciò che serve è:

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

Demo.

Answer 4

Questo fa il trucco, e funziona per qualsiasi selezionate.

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

Answer 5

credo:

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

Answer 6

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

giorno d'oggi è il miglior uso .prop(): http://api.jquery.com/prop/

Answer 7

Edit: vecchia maniera,

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

Prova qui sotto e dovrebbe funzionare per il vostro caso,

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

DEMO

Answer 8

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

Answer 9

Ripristina il singolo campo di selezione sull'opzione predefinita.

<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> 

Oppure, se si desidera ripristinare tutti i campi del modulo per l'opzione di default:

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

Answer 10

La migliore javascript soluzione che ho trovato è questo

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