使用jquery更改我的下拉列表的選定索引

Question

你好，我試圖改變一個下拉選定的索引，一旦另一個改變，我想用jQuery來選擇下拉列表。下面是我的一些代碼：

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

jQuery代碼是在這裏：

$("#monthlist").change(function(){ 

     $("select#yearlist").prop('selectedIndex', 2); 
    }); 

我想一旦monthlist下拉被改變的「yearlist」選定的索引設置爲一個特定的指數。但我的選擇器或我的代碼是不正確的，任何建議或提示將不勝感激。

Answer 1

你試圖通過他們的名字來選擇年份和月份列表。使用外部div的ID代替...

$("div#monthlist select").change(function(){ 
    $("div#yearlist select")[0].selectedIndex = 2; 
}); 

Answer 2

它是你要找的嗎？

$("#monthlist").change(function(){ 
    $("#yearlist").get(0).selectedIndex = 2; 
} 

和糾正，以你的情況：

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

而且多一個選擇的指數

$("#monthlist").change(function(){ 
    $('#yearlist option').eq(2).attr('selected', 'selected'); 
}