jquery :selected 总是选择第一个元素，如果没有被选择

Question

我有一个选择元素

<select id='bill_to'>
     <option value='a634jhj2'>test@c.com</option>
     <option value='agfd4ghj2'>test2@c.com</option>
     <option value='asdf634jhj2'>tes3@c.com</option>
     <option value='agf2342d4ghj2'>test4@c.com</option>
</select>

如果我做

  $('#bill_to').find(':selected') 

即使未选中，它也会返回第一个选项。

如果选择了一个选项

  $('#bill_to').find(':selected') 

按预期工作并返回正确的选项

我究竟做错了什么？这是一个错误吗。这真让我抓狂。如果没有选择任何内容，我只希望它返回 []

Answer 1

如果没有带selected属性的选择选项，则默认第一个选项将是选定的选项。您可以尝试在 top 中添加另一个包含默认值的选项，如下所示。

<select id='bill_to'>
     <option value='-1'>Select<option>
     <option value='a634jhj2'>test@c.com<option>
     <option value='agfd4ghj2'>test2@c.com<option>
     <option value='asdf634jhj2'>tes3@c.com<option>
     <option value='agf2342d4ghj2'>test4@c.com<option>
</select>

如果未选择任何内容，您将获得-1，然后您可以继续。

例如http://jsfiddle.net/fZv5t/