Évolution de l'indice choisi de ma liste déroulante à l'aide de Jquery

Bonjour à tous, je suis en train de changer l'une des listes déroulantes index sélectionné une fois que l'autre est changé, et je veux utiliser jquery pour sélectionner les listes déroulantes. Ici est une partie de mon code:

<div id = "monthlist">
<select name = "months">
<option value = 1 > January </option>
<option value = 2 > Febuary </option>
<option value = 3 > March </option>
<option value = 4 > April </option>
<option value = 5 > May </option>
<option value = 6 > June </option>
<option value = 7 > July </option>
<option value = 8 > August </option>
<option value = 9 > September </option>
<option value = 10 > October</option>
<option value = 11 > November </option>
<option value = 12 > December </option>
</select>
</div>
<div id = "yearlist">
<select name = "years">
<option value = 1993 > 1993 </option>
<option value = 1994 > 1994 </option>
<option value = 1995 > 1995 </option>
<option value = 1996 > 1996 </option>
<option value = 1997 > 1997 </option>
<option value = 1998 > 1998 </option>
<option value = 1999 > 1999 </option>
<option value = 2000 > 2000 </option>
<option value = 2001 > 2001 </option>
</select>
</div>

Le JQuery, le code est ici:

$("#monthlist").change(function(){
$("select#yearlist").prop('selectedIndex', 2);
});

Je veux mettre l'index sélectionné de "yearlist" à un index spécifique une fois la monthlist déroulante est changé. Mais mon sélecteur ou mon code est incorrect, toute suggestion ou conseils seront grandement appréciés.

jetez un oeil à ceci lien. il a travaillé très bien pour moi

OriginalL'auteur Guy code man | 2013-02-05