javascript - 在 html 选择元素中显示空值

Question

我有一个表单中的 HTML 选择元素(组合框)，其中包含几个 if 选项。与往常一样，每个选项都有特定的值。在页面初始化期间，我从服务器获取一个值，我必须将该值用作列表中的选定选项。然而，有时我从服务器获得的值与任何可用选项都不匹配。 (呜呜呜)

我想让用户知道我从服务器获得的值不是一个有效的选项。我想要做的是显示一个空的选择框(就好像没有进行任何选择一样)，而没有一个实际的空选项作为选项之一。如果可能的话，我也想使用默认的选择元素。这样的事情可能吗？

编辑:当您在 IE9 中将组合框的值设置为 '' 时(我使用 $('select').val('') )，它会清空组合框中的文本，这正是我所需要的。不幸的是，只有 IE9 可以这样做，所以这不是一个选项。

Answer 1

开箱即用的 HTML 选择不提供此类功能。您将必须添加一个空的 <option value="somethingwrong">Please, pick a value</option>元素并使用脚本来检查用户是否选择了这个特定值。我建议同时捕获 onchange下拉事件和 onsubmit完整形式的事件。