javascript - jQuery `.val` 报告一个选择的值，没有选择任何选项

Question

我有一个看起来像这样的选择：

<select id   = "baz"
        name = "Baz"
        size = 1>
  <option value="A1"> foo</option>
  <option value="A2"> bar</option>
  ...etc
  <option value="A99"> bat</option>
</select>

我已经从 Firebug 中提取了这段代码（并对其进行了编辑），因为选项本身是由 CGI 从服务器读取的#include。

选择的值最终被 JavaScript 读取如下：

var $input_baz = $("#baz");
...
var baz_pl = $input_baz.val();

问题：选择位于隐藏的 div 中，没有进行任何选择，但baz_pl包含 value A1。为什么.val()在没有选择任何内容时返回第一个条目，是否有一个简单的解决方法？选择出现在弹出窗口中，我可以添加代码来检测是否单击了弹出“确定”按钮，但如果可能的话，我宁愿正确执行。

Answer 1

默认情况下始终选择第一个选项。您可以添加一个虚拟条目作为第一个条目，其值不会出现在列表中。

例如：

<option value="-1">-- Please select --</option>