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

标签 javascript html select combobox

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

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

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

最佳答案

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

关于javascript - 在 html 选择元素中显示空值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10703947/

相关文章:

带变量的 Python-SQL 查询

javascript - 在开发 WordPress 插件时无法解决使用 cookie 已发送 header 的问题吗?

javascript - CSS:强制视频显示全高并以纵向手持设备为中心

html - css 文件上的颜色不起作用

javascript - 将 Javascript 对象绑定(bind)到 HTML 元素

css - 选择当前 div 上方的同级 div

javascript - 单击一个更新按钮保存所有文本字段

javascript - 监控网页上的 Asterisk 扩展

javascript - jQuery 无法识别类更改

MySQL:从两列中获取不同的值并检查它们是否出现在同一表的其他两列中