option[selected=true] doesn't work

Question

I have this command (visibleSelect is jquery variable that holds multiple select list):

var selectedOption = visibleSelect.find('option[selected=true]');

From the watch window I can see that selectedOption.length is 0, but visibleSelect.get(0)[1].selected is true.

Why selectedOption doesn't containt the selected option? What is wrong?

Have you tried using `visibleSelect.find("option").filter(":selected")`? — jabclab, Jan 23 '12 at 15:43

score 4 · Accepted Answer · answered Jan 23 '12 at 15:43

4

Try

var selectedOption = visibleSelect.find('option:selected');

answered Jan 23 '12 at 15:43

marramgrass

1

+1 I'd better vote this up seeing as it's exactly the same as mine :) – El Ronnoco Jan 23 '12 at 15:44

score 4 · Answer 2 · answered Jan 23 '12 at 15:43

4

use var selectedOption = visibleSelect.find('option:selected');

answered Jan 23 '12 at 15:43

El Ronnoco

score 2 · Answer 3 · edited Jun 20 '20 at 09:12

2

The correct attribute value is checked="checked". But Anyway you should use the jQuery :selected selector to guarantee cross browser compatility.

visibleSelect.find('option:selected');

edited Jun 20 '20 at 09:12

Community

answered Jan 23 '12 at 15:44

dknaack

3 Answers3