使用 jQuery 设置 <select> 标记的值答案

【问题标题】：setting value of <select> tag with jQuery使用 jQuery 设置 <select> 标记的值
【发布时间】：2011-04-08 10:38:00
【问题描述】：

我有一个下拉列表的选择标记，如下所示：

<select name="MyName" id="MyID">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
</select>

当用户进入控件并选择一个选项时，当下拉框失去焦点时，该选项将成为下拉文本中保持可见的选项。如何使选项成为页面加载时显示的值？目前，当页面显示时，文本显示第一个选项，但如果我想在加载时显示选项 4 怎么办？

感谢您的建议。

【问题讨论】：

Jquery to retrieve and set selected index value of html select element 的可能重复项（使用以下字符串进行谷歌搜索：“jquery selected index”）
@Itay -- 如果 OP 实际上询问的是 HTML 而不是 jQuery，则它不是重复的。

标签： html

【解决方案1】：

这是一个 HTML 问题。让 html 看起来像这样：

<select name="MyName" id="MyID">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option selected>Option 4</option>
</select>

【讨论】：

【解决方案2】：

使用选中的属性。选择第三个选项：

<select name="MyName" id="MyID">
  <option>Option 1</option>
  <option>Option 2</option>
  <option selected="true">Option 3</option>
  <option>Option 4</option>
</select>

使用 Jquery 查找选中的项目：

$('#MyId option[@selected]').html

【讨论】：

不是不需要="true"吗？
你可以使用
@Hogan，它不是必需的。但是，我喜欢使用 XHTML。
哦！那你要selected="selected"
我可以写类似 $('#MyID').find('option').eq(3).selected="selected"; ?我正在寻找编码“selected = selected”部分

【解决方案3】：

您需要一种存储所选值的方法，如果您只使用 javascript，那么您可以将值存储到 cookie 中。但如果您可以访问服务器端编码，我建议使用 php 并使用会话变量来存储值用户选择。一旦您可以访问此存储的值，您就可以在页面加载时使用“selected”属性或使用 jquery 将选择更改为正确的选择

【讨论】：

【解决方案4】：

<select name="MyName" id="MyID">
  <option value="item1">Option 1</option>
  <option value="item2">Option 2</option>
  <option value="item3">Option 3</option>
  <option value="item4" selected>Option 4</option>
</select>

【讨论】：