如何使用jQuery更改选择框的选定选项?

时间:2012-12-28 18:27:03

标签: jquery jquery-ui

  

可能重复:
  How do I select an option select and set it?

我有一个如下定义的选择框。

<select @string.Format("id={0}", Model.FieldId) name="Id1" onclick="LoadIds('@string.Format("{0}", Model.FieldId)')">
    <option @string.Format("value={0}", row.ID1) selected="selected">@row.ID1</option>
</select>

选择框的所有选项都会加载到onclick事件中。当我启动页面时,它在选择框中显示适当的值(如选中),并且选项也可以从“LoadIds”功能中正确加载。现在我想从下拉列表中选择一个不同的值,并将新值设置为选中状态。我想我需要实现onchange事件。我的问题是如何从旧选项中删除所选属性并将其添加到新选择的选项?

1 个答案:

答案 0 :(得分:2)

在select上使用jQuery的.val('valueHere')会使下拉列表中的活动项目传递给值(如果可用)。

<select id="a">
        <option val="1">One</option>
        <option selected="selected" val="2">Two</option>
        <option val="3">Three</option>
</select>

的jQuery

$('#a').val('1');​

selected属性仍将显示在“二”上,但不会被选中。您不需要删除该属性,仅用于默认选择。如果您真的想看.prop()

警告在.removeProp()上使用selected,如评论&amp; jQuery文档

  

注意:请勿使用此方法删除已选中,已禁用或已选中的本机属性。这将完全删除属性,一旦删除,就不能再次添加到元素。使用.prop()将这些属性设置为false。