jQuery wybierz .val Box („”) zachowanie różni się od 1,9 do 1.10+ Jaka jest najkrótsza droga do zrobienia, że ​​

Question

Poniższy zachowuje się inaczej między jQuery 1.9 i 1.10+:

<select id="s1"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 

$('#s1 option[value=1]').hide(); 
$('#s1').val(''); 

Ideą tego kodu jest wybrać pierwszą opcję.

Po 1.10 część $('#s1').val(''); przestała działać w ten sam sposób. Przypuszczam, że nigdy nie miał być stosowany w ten sposób, ale jego stary kod i muszą zostać zmodernizowane w jakiś sposób ...

Po jQuery 1.10 nic nie jest zaznaczone i $('#s1').val() powraca null.

Zmiana kodu:

$('#s1 option[value=1]').hide(); 
$('#s1').val($('#s1 option').first().val()); 

Czy praca z nowych i starych wersji jQuery.

Moje pytanie brzmi: czy istnieje krótszy/bardziej elegancki sposób na zrobienie tego samego?

Answer 1

$("#s1")[0].selectedIndex = 0; 

Można również zrobić to, jeśli naprawdę jak jQuery:

$("#s1").prop("selectedIndex", 0); 

Więcej tutaj: https://stackoverflow.com/a/1314266/283863

Answer 2

Tylko nie ustawić wartość automatycznie wybiera pierwszą wartość i działa w obu wersjach :

$('#s1 option[value=1]').remove(); 
//$('#s1').val(''); 

demo version: 1.9.1 i demo version: 1.10.1

---

Zgodnie z aktualizacją i komentarze, można użyć tak:

$('#s1 option[value=1]').hide(); 
$('#s1 option[value=2]').hide(); 
$('#s1 option:visible').first().attr('selected', 'selected'); 

demo