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

Question

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

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

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

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

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

Именно здесь «plotCrossStreet1» - это идентификатор первого раскрывающегося списка. Это не возвращает ничего полезного. Что я делаю не так?

Answer 1

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

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

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

Answer 2

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

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

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

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

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

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