0

我无法在这样的选择元素中显示第一个选项：http: //jsfiddle.net/L6h9Q/

我希望第一个选项标记用作占位符，但默认情况下首先显示第二个选项标记。

4

4 回答 4

1

您可以将selected="selected"属性添加到第一个选项以将其设置为默认值。

于 2012-10-16T04:54:16.513 回答
1

一种解决方法：http: //jsfiddle.net/L6h9Q/2/

重要组成部分：

  1. 添加required到select;
  2. 用于select:invalid使颜色变灰；
  3. 用于option:first-child使第一个选项变为灰色。

缺点：仅适用于支持 HTML5/CSS3 的浏览器。

编辑：

受@Russell 的启发，这里有一个（有点）更好的解决方案：http: //jsfiddle.net/L6h9Q/3/

于 2012-10-16T04:54:32.830 回答
1

无法选择禁用的项目（根据定义）。页面加载时显示的项目确实被选中。

使用纯 JS 和 HTML 解决此问题的规范方法是启用该选项，然后在提交时验证您的表单结果（客户端和服务器端）。如果用户选择了占位符选项（在您的情况下为“城市...”），则让他们知道他们做出了无效的选择。

于 2012-10-16T04:55:56.533 回答
0

是的，因为它只会先显示启用的值，然后再显示禁用的值

于 2012-10-16T04:51:29.683 回答