尝试使用jQuery/javascript访问下拉框的选项，但它说.options是未定义的？

Question

我在jQuery中动态地创建了一个下拉框，方法是添加如下html：

.append("<br><SELECT  NAME='Month_list' class='month_selection'</SELECT>");

它可以很好地创建，但我尝试使用以下代码动态地向它添加选项：

$('.month_selection:last').options.add(new Option(month_array[index]));

但是我在Firebug中得到了以下错误：

$(".month_selection:last").options is undefined

选择器工作得很好，因为我可以运行$(".month_selection:last").remove()代码行，下拉框被移除，从各种tutes中我可以看出.options是如何访问选项的，那么我做错了什么？感谢您的阅读。

Answer 1

要访问.options，您需要获取<select> DOM元素，如下所示：

$('.month_selection:last')[0].options
//or...
$('.month_selection').get(-1).options

You an give it a try here。

对于DOM属性，您需要首先获取您关心的DOM元素(在本例中是通过[0]或.get(0) )，然后访问其属性，否则您将尝试访问jQuery对象上不存在的属性。