Question

我有一个下拉列表的select标签，如下所示：

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

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

感谢您的建议。

Answer 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>

Answer 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

Answer 3

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

Answer 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>

使用jQuery设置<select>标签的值</select>

4 个答案: