Получить список значений из раскрывающегося списка, которые НЕ выбраны с помощью jquery

У меня есть два связанных выпадающих списка.

Когда пользователь выбирает параметр из первого раскрывающегося списка, второй снимок заполняется списком всех параметров из первого раскрывающегося списка, которые НЕ выбраны.

Я пытаюсь использовать jquery, чтобы получить все не выбранные параметры, но я все еще jquery newb и должен что-то что-то менять.

Я пытаюсь сделать следующее:

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

Здесь "segmentCrossStreet1" - это идентификатор первого раскрывающегося списка. Кажется, это ничего не возвращает. Что я делаю не так?

Ответы

Ответ 1

Fiddle: http://jsfiddle.net/uzhWS/ (эта скрипка также показывает, как укусить еще один <select>)

Вам нужно выбрать элементы <option>, а не элементы "selected <select> ":

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

Ответ 2

Ваш текущий селектор:

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

Ищет все элементы #segmentCrossStreet1, которые не выбраны. Это то, что вы хотите? Я сомневаюсь в этом. Добавить пробел до :not( для поиска дочерних элементов:

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

Лучше, если вы сделаете это более конкретным:

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