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

时间:2013-06-27 14:46:36

标签: jquery

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

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

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

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

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

这可能吗?如果可以,怎么回事?

3 个答案:

答案 0 :(得分:1)

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

这样的东西
$(option).appendTo(select).attr('selected', 'selected');

Source

答案 1 :(得分:0)

也许这会有所帮助:

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

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

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

答案 2 :(得分:0)

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

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