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

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

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

我正在尝试使用jquery来获取所有未选择的选项，但我仍然是一个jquery newb并且必须正在进行某些操作。

我正在尝试以下方面：

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

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

Answer 1

小提琴： http ： //jsfiddle.net/uzhWS/ （这个小提琴还展示了如何瞳孔化另一个 ）

您必须选择元素，而不是“selected ”元素：

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

Answer 2

你当前的选择器：

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

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

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

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

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