尝试使用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

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

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

You an give it a try here

对于DOM属性，您需要首先获取您关心的DOM元素（在这种情况下通过[0]或.get(0)）然后访问其属性，否则您就是尝试访问jQuery对象上不存在的属性。