HTML - 为“选择”下拉列表设置值

Question

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

<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/

Answer 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>

看起来像：

我们已经完成了。

Answer 2

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

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