Jquery - Ustawianie opcji wyboru listy według ID

Question

Mam wrażenie, że nie powinno to być tak skomplikowane, ale jestem pewien, że brakuje mi czegoś trywialnego. Dzięki za każdego, kto może pomóc!

XSL:

<select id="mySelectList"> 
    <option id="1" description="Blue" /> 
    <option id="2" description="Black" /> 
    <option id="3" description="Green" /> 
</select> 

JS:

$("#mySelectList option[id='1']").attr("selected", "selected"); 

EDIT: Fixed moja wybierz za odpowiedź Nicka.

Answer 1

<select> powinna wyglądać następująco:

<select id="mySelectList"> 

Lub jeśli dosłownie chcą element i to XML, usuń # dla element selector, tak:

$("mySelectList option[id='1']").attr("selected", "selected"); 

Answer 2

W HTML4, atrybuty tożsamości musi zaczynać się od litery, a nie liczby (see the specifications). Na przykład.

<select id="mySelectList"> 
    <option id="opt1" description="Blue" /> 
    <option id="opt2" description="Black" /> 
    <option id="opt3" description="Green" /> 
</select> 

Więc można zrobić

$('#mySelectList option[id="opt1"]); 

Answer 3

Kod powinien wybrać co chcesz.

Czy na pewno chcesz, aby Twój <option> był bez wartości tekstowej?

Może chcesz

<select id="mySelectList"> 
    <option id="1" description="Blue">Blue</option> 
    <option id="2" description="Black">Black</option> 
    <option id="3" description="Green">Green</option> 
</select> 

Należy także pamiętać, że Zaznacz pierwszy element, który jest domyślnie zaznaczona.

przykład pod adresem http://www.jsfiddle.net/Zfx3e/