用jQuery以编程方式选择新创建的选项？

Question

我正在使用jQuery 1.10.3动态地将<option>添加到<select>列表中。相关代码如下所示：

option = '<option value="' + response.id + '">' + response.title + '</option>';
select.append(option);

但是，我无法找到如何动态选择这个新创建的选项。我会想到像...这样的东西。

select.append(option).attr('selected', 'selected');

......会奏效，但事实并非如此。

这可能吗？如果可以，怎么回事？

Answer 1

我认为这是因为重点仍然放在选择上。尝试像

这样的东西

$(option).appendTo(select).attr('selected', 'selected');

Source

Answer 2

也许这会有所帮助：

option = '<option selected="selected" value="' + response.id + '">' + response.title + '</option>';
select.append(option);

更新：阅读评论后，我认为这不是一个多选列表。在这种情况下，您必须在上述代码之前执行此操作才能只选择一个选项：

$("select option").each(function(){
   $(this).removeAttr("selected");
});

Answer 3

试试这个 - （您选择将attr设为select而不是option ）

select.append($(option).prop('selected', true));