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

时间:2011-08-12 15:45:59

标签: html

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

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

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

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

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

我该如何解决这个问题?

4 个答案:

答案 0 :(得分:2)

您需要将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/

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

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

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