html - 防止用户在下拉菜单中选择默认值

Question

我试图阻止用户选择默认的下拉菜单选项。有没有办法在下拉菜单选项中添加文本而不是值？我的代码:

<select name='test'>
<option value='default' selected='selected'>Please select the value</option>
<option value='value1'>value1</option>
<option value='value2'>value2</option>
</select>

我不希望用户选择“请选择值”选项。有更好的方法吗？

Answer 1

客户端代码 (javascript/HTML) 对此没问题，但这只是成功的一半。

因为您不希望用户实际选择这个“默认值”，所以我会这样做:

<option value=''>Please select the value</option>

离开value作为空字符串。然后在您的服务器端代码中，检查发布的值是否为空。如果您不打算使用它，则填充任意默认值毫无意义。

默认情况下，第一个 <option>将根据标准浏览器行为进行选择，因此您实际上并不需要 selected属性。您确实需要 value=''虽然或者浏览器可以发布 <option> 的文本内容.