从下拉列表中获取未使用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)')