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

Question

我通过附加html在jQuery中动态创建一个下拉框,如下所示:

.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

你需要让<select>DOM元素.options像这样访问:

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

你在这里尝试一下.

对于DOM属性,您需要先获取您关心的DOM元素(通过[0]或.get(0)在此情况下),然后访问其属性,否则您将尝试访问jQuery对象上不存在的属性.