在html select元素中显示空值

时间:2012-05-22 14:18:37

标签: javascript html select combobox

我在表单中有一个HTML select元素(组合框),其中包含一对if选项。一如既往,每个选项都有一个特定的值。在页面初始化期间,我从服务器获取一个值,我必须将其用作列表中的选定选项。但有时我从服务器获得的值与任何可用选项都不匹配。 (GRRRR)

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

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

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:1)

您可以在select中插入选项,并在更改时删除该选项以减少该选项的问题

检查Demo here