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从服务器读取的。

select的值最终由JavaScript读取，如下所示：

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

问题：选择位于隐藏的div中，尚未进行选择，但是baz_pl包含值A1 。 为什么在未选择任何内容的情况下.val()返回第一个条目，并且对此有简单的解决方法吗？ 该选择出现在弹出窗口中，我可以添加代码以检测是否单击了弹出的“确定”按钮，但我希​​望在可能的情况下正确进行操作。

Answer 1

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

例如：

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