10

如何在组合框中设置默认选定元素?以下都不适合我:

版本 3:

<select id="parent">
    <option value='null'>(Root)</option>
    <option selected='yes' value='/'>Main</option>
</select>

版本 2:

<select id="parent">
    <option value='null'>(Root)</option>
    <option selected='true' value='/'>Main</option>
</select>

版本 1:

<select id="parent">
    <option value='null'>(Root)</option>
    <option selected value='/'>Main</option>
</select>

在所有情况下,第一个选项都是在页面上选择的,而不是标记为选中的那个。

其他一些细节

(1)

页面源开头如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        ...

(2)

浏览器是 Firefox 13.0.1

4

3 回答 3

27

我只是要把它扔在那里,因为它不止一次让我发疯:

当您刷新 (F5) 页面时,Firefox 会保留页面上任何 <select> 元素的选定值。

因此,如果您像我一样编写选择菜单,请加载页面以确保其正常工作,然后添加“selected”属性,并刷新页面以确保出现所选的菜单......它不会(在无论如何,Firefox)。

通过单击地址字段并按 Enter 来完全重新加载页面确实尊重“选定”属性。

于 2014-10-17T21:41:27.670 回答
14

也许自动完成表单属性会让你失望。

尝试将 autocomplete="off" 添加到表单标签。

这样,即使您在 FF 中刷新页面,也会尊重 selected 属性。

总帐

于 2014-12-18T05:19:48.903 回答
5

添加selected到您希望默认选择的选项。检查取自此处的以下示例。

<!-- The second value will be selected initially -->
<select name="choice">
  <option value="first">First Value</option>
  <option value="second" selected>Second Value</option>
  <option value="third">Third Value</option>
</select>
于 2012-07-15T14:13:59.463 回答