如何获取html选择以显示所选值

Question

您好我有一个像这样的html选择标签：

<select name = "options>
  <option value = "235">apples</option>
  <option value = "264">oj</option>
  <option value = "133">banana</option>
</select>

如果我这样做，当页面首次加载时，它将显示苹果。

但是，可能已经设置了选项的值。该值可能设置为oj。在这种情况下，我想展示oj而不是苹果。

另外，如果我选择oj并刷新页面，它将再次显示苹果而不是oj。

我该如何解决这个问题？

Answer 1

您需要将selected属性添加到您想要的选项中。

<select name = "options">
  <option value = "235">apples</option>
  <option value = "264" selected>oj</option>
  <option value = "133">banana</option>
</select>

演示http://jsfiddle.net/JqXQL/1/

Answer 2

使用selected属性：<option value="264" selected="selected">oj</option>

Answer 3

您需要将属性selected添加到您想要显示的选项中，如下所示：

<option value = "264" selected="selected">oj</option>

Answer 4

使用selected="selected"符合XHTML标准。

<select name = "options">
  <option value = "235">apples</option>
  <option value = "264" selected = "selected">oj</option>
  <option value = "133">banana</option>
</select>