HTML - 为选择下拉菜单设置值答案

【问题标题】：HTML - Set value for the Select dropdownHTML - 为选择下拉菜单设置值
【发布时间】：2014-05-29 02:14:53
【问题描述】：

我有一个选择下拉菜单，我希望占位符文本显示为“位置”

<select id="playingPosition" value="Position">
<option value="goalkeeper">Goalkeeper</option>
<option value="defender">Defender</option>
<option value="midfielder">Midfielder</option>
<option value="striker">Striker</option>
</select>

当页面加载时，“守门员”将在任何用户输入之前显示。我尝试使用 value 属性将其重命名为“Position”。

http://jsfiddle.net/bHJM2/

【问题讨论】：

标签： html forms select

【解决方案1】：

你可以这样做：

<option value="" disabled selected>Select your option</option>

这就变成了：

<select name="playingPosition" id="playingPosition" value="Position">
    <option value="" disabled selected>Select your option</option>
    <option value="goalkeeper">Goalkeeper</option>
    <option value="defender">Defender</option>
    <option value="midfielder">Midfielder</option>
    <option value="striker">Striker</option>
</select>

看起来像：

我们已经完成了。

【讨论】：

【解决方案2】：

在您要选择的option 元素上设置selected 属性，如下所示：

<option value="defender" selected>Defender</option>

【讨论】：