如何使用 jQuery 设置 select html 元素的选定元素？答案

【问题标题】：How do you set the selected element of a select html element with jQuery?如何使用 jQuery 设置 select html 元素的选定元素？
【发布时间】：2011-08-11 07:21:38
【问题描述】：

我有一个<select> html 元素，我让用户创建对象，然后动态包含在下拉选择列表中。我希望将选择菜单设置为新创建的对象。 jQuery如何设置选中的元素？

【问题讨论】：

你能分享你用来将新选项添加到下拉列表的代码吗？

标签： jquery html ajax select

【解决方案1】：

$("#mySelect > #idOfTheOptionIWant").attr("selected", "selected");

相反的存在（取消选择一个选项）：

$("#mySelect > #idOfTheOptionIWant").removeAttr("selected");

【讨论】：

【解决方案2】：

选择元素后，只需将选项的“selected”属性设置为 true。示例：

您的选择元素具有 id="foo" 并且您要选择的列表中的元素是元素：

$("#foo").element.selected = true;

差不多就是这样。

【讨论】：

element 应该是什么？名称或值？
@Justin 我已经编辑了答案，包括如果您有要选择的元素的值该怎么做。
我收到此错误：Uncaught TypeError: Cannot read property '288' of undefined
哦，对不起……我弄错了；您要使用的数组索引是列表中项目的索引，而不是该项目的值。

【解决方案3】：

设置newOption.selected = true。

【讨论】：