2011-11-01 44 views
11

Tôi có hai trình đơn thả xuống có liên quan.Lấy danh sách các giá trị từ danh sách thả xuống KHÔNG được chọn bằng cách sử dụng jquery

Khi người dùng chọn tùy chọn từ trình đơn thả xuống đầu tiên, danh sách thả xuống thứ hai được điền cùng với danh sách tất cả các tùy chọn từ menu thả xuống đầu tiên KHÔNG được chọn.

Tôi đang cố gắng sử dụng jquery để có được tất cả các tùy chọn không được chọn, nhưng tôi vẫn là một newb jquery và phải đang làm gì đó.

tôi đang cố gắng như sau:

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

Đây là nơi "segmentCrossStreet1" là ID của sự sụt giảm đầu tiên xuống. Điều này dường như không trả lại bất kỳ điều gì hữu ích. Tôi đang làm gì sai?

+0

là thả xuống của bạn một phần tử HTML hoặc custom-made với JS và giống nhau? Nó sẽ được tốt đẹp nếu bạn đăng cấu trúc HTML của bạn. – Blender

+0

Trình đơn thả xuống là một phần tử HTML đơn giản, không phải tùy chỉnh được tạo bằng JS. Tôi điền vào nó bằng cách sử dụng AJAX và jquery, nhưng khác hơn thế, nó là tĩnh trên trang. –

Trả lời

38

Fiddle: http://jsfiddle.net/uzhWS/ (fiddle này cũng cho thấy làm thế nào để pupulate khác <select>)

Bạn phải chọn <option> yếu tố, chứ không phải là "chọn <select>" yếu tố:

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

Điều này chắc chắn là một sự cải tiến, nhưng vẫn cho tôi tất cả các tùy chọn từ danh sách? –

+0

@AmandaMyer Nhấp vào Fiddle và xem kỹ các con số. Khi bạn chọn "Kiểm tra 2", bạn sẽ không thể tìm thấy 'Kiểm tra 2' tại '