jQuery` .val`报告select的值，没有选择任何选项

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>