html - 在选择框中删除 "default"

Question

这是我的选择框:

<select id="category">
   <option value="">Pick a choice!</option>
   <option value="">choice1</option>
   <option value="">choice2</option>
   <option value="">choice3</option>
   <option value="">choice4</option>
</select>

我希望在用户单击选择框时删除 Pick a choice! 选项。如果用户单击其他任何地方，Pick a choice! 选项会返回。我不希望用户能够选择 Pick a choice! 选项。我该怎么办？

Answer 1

如果没有一些 PHP 或 JavaScript 来动态删除该选项，您确实有另一个我经常使用的非常简单的选项，这是 disabled="disabled"选项。该选项将保留，但用户将无法实际选择它。

这样做的失败是，如果有人只是提交了一个表单而没有选择任何空值将在表单中提交，但这就是您的验证处理发挥作用的地方。

“选择一个选项!”的代码选项看起来像这样:

<option disabled="disabled">Pick a choice!</option>

希望对你有所帮助。