使用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);
    });

当月份列表下拉菜单改变时，我想将“yearlist”的选定索引设置为特定索引。但是我的选择器或代码不正确，欢迎提供任何建议或提示。

- Guy code man

---

看一下这个链接：http://jamielottering.github.com/DropKick/。对我来说效果非常好。 - BrOSs

Answer 1

您正在尝试通过名称选择月份和年份列表。请改为使用外部div的ID...

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

- Reinstate Monica Cellio

---

哇，太棒了！感谢你的帮助，这个解决了我的问题。 - Guy code man

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');
}

- Suresh Atta

---

一旦更改“monthlist”，我想设置“yearlist”的选定索引。 - Guy code man