从下拉列表中获取未使用jquery选择的值列表

Question

我有两个相关的下拉菜单。

当用户从第一个下拉列表中选择一个选项时，第二个下拉列表将填充第一个下拉列表中未选中的所有选项列表。

我正在尝试使用jquery来获取所有未选择的选项，但我仍然是一个jquery newb并且必须正在捣乱。

我正在尝试以下方法：

$('#segmentCrossStreet1:not(:selected)')

这是“segmentCrossStreet1”是第一个下拉列表的ID。这似乎没有返回任何有用的东西。我做错了什么？

Answer 1

小提琴：http://jsfiddle.net/uzhWS/ （这个小提琴还展示了如何填充另一个<select>）

您必须选择<option>元素，而不是“选定的<select>”元素：

$('#segmentCrossStreet1 option:not(:selected)');

Answer 2

您当前的选择器：

$('#segmentCrossStreet1:not(:selected)')

搜索未选中的所有#segmentCrossStreet1元素。这是你想要的吗？我对此表示怀疑。在:not(之前添加空格以搜索子元素：

$('#segmentCrossStreet1: not(:selected)')

如果你更具体，那就更好了：

$('#segmentCrossStreet1: option:not(:selected)')