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

问题描述：

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

我想使用jquery获取所有未选定的选项，但我仍然是一个jquery newb，必须mising的东西。

我尝试以下操作：

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

这是“segmentCrossStreet1”是首次下降的ID了。这似乎没有返回任何有用的东西。我究竟做错了什么？

是您的下拉列表中的HTML元素或定制与JS和喜爱呢？如果你发布你的HTML结构将会很好。 – Blender

下拉列表是一个简单的HTML元素，不是用JS自定义的。我使用AJAX和jquery填充它，但除此之外，它在页面上是静态的。 –

答

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

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

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

这绝对是一个改进，但仍然让我从列表中的所有选项？ –

@AmandaMyer点击小提琴，仔细看数字。当您选择“测试2”时，您将无法在第二个“

对不起..我的错误。我现在看到它在做什么。感谢这个例子。 =） –

答

您当前的选择器：

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

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

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

更好，如果你变得更加具体：

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

希望我可以选择两个答案！和Rob W一起去，因为他是第一个，但你的工作也一样。谢谢。 =） –

不要以为我的回答没有被接受;） – Blender