如果 OPTION 值为空，如何检索空值？

Question

考虑到我们有这样的 HTML：

<select id="my_select">
  <option value="1">Foo</option>
  <option value="2">Bar</option>
  <option value="">Bork</option>
  <option value="3">Hey!</option>
</select>

获取所选 value 的正确方法是：

var oS = document.getElementById("my_select");
alert(oS.options[oS.selectedIndex].value);

但是如果选择了第三个选项 Bork，则 alert() 将显示 "Bork" 而不是 "" （空字符串）。

如何检索空字符串？

Answer 1

alert(document.getElementById("my_select").value)

返回空字符串或所选选项的任何定义值。

无需指定 options[selectedIndex]

如果没有默认的选中索引，则返回第一个选项值。

如果所选选项没有值属性，则

选项的文本会在大多数浏览器中的脚本警报中返回，

并发送到服务器（如果选择有名称和表单操作）所有浏览器。

Answer 2

首先，事实并非如此。对我来说，在 Chrome 和 IE8 中，您的示例会警告空字符串 (jsFiddle)。

但是，如果根本没有设置 value (jsFiddle)， Bork 收到警报。我认为这就是您遇到的问题。这是正确的行为。正如MDC 页面所说，

如果没有定义，其默认值为元素的文本内容。

但是，您可以使用 getAttribute 方法，如果没有选择任何元素，该方法将给出 null (jsFiddle）。

var oS = document.getElementById("my_select");
alert(oS.options[oS.selectedIndex].getAttribute('value'));