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

Question

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

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

但是，我很难找出如何动态选择这个新创建的选项。我本来会想到……</p>

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

......会工作，但它没有。

这可能吗？如果可以，怎么办？

Answer 1

我认为这是因为重点仍然在选择上。尝试类似的东西

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

资源

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 selected 到selectnot to theoption）

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