JQuery Selector to select dropdown by value

Question

I have a set of Yes/No dropdowns and I'd like to select all select elements with a value of Yes.

<select name="foo1">
  <option value="yes">Yes</option>
  <option value="no">No</option>
</select>
<select name="foo2">
  <option value="yes">Yes</option>
  <option value="no">No</option>
</select>
<select name="foo3">
  <option value="yes">Yes</option>
  <option value="no">No</option>
</select>

I'd like a JQuery selector that returns a subset of select nodes which are currently in a state of Yes. I realize I can do a simple call to filter(), but I would much rather do it all in a selector.

$('#myform select').filter(function(k,v){return v.value == 'yes';})

Thanks in advance.

Why? I would use filter method, faster and promising.

Ram
– Ram

2013-02-22 21:04:04 +00:00
Commented Feb 22, 2013 at 21:04 — Ram
– Ram, Commented Feb 22, 2013 at 21:04

mVChr · Accepted Answer · 2013-02-22 21:05:05Z

2

$('#myform select option[value="yes"]:selected').parent()

See demo

answered Feb 22, 2013 at 21:05

mVChr

50.3k11 gold badges111 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dharga Over a year ago

Man, I could have sworn I tried this. I tried so many things, some completely off the wall. Who knows what I was doing in the end. Thx.

Joseph Silber · Accepted Answer · 2013-02-22 21:06:35Z

1

If you want it to be efficient, you should stick to filter, but you can create a custom filter that you can use directly in your selector:

$.expr[':'].value = $.expr.createPseudo(function (value) {
    return function (el) {
        return el.value == value;
    };
});

Use it as follows:

$('select:value(yes)');

Here's the fiddle: http://jsfiddle.net/Eb3hp/

answered Feb 22, 2013 at 21:06

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

1 Comment

dharga Over a year ago

This looks really awesome. I'm thinking overkill for my purpose, but I'll +1 for coolness value.

wirey00 · Accepted Answer · 2013-02-22 21:17:50Z

1

it would be

$('#form select:has(option[value=yes]:selected)')

It will get all select that has option:selected with a value=yes

FIDDLE

edited Feb 22, 2013 at 21:17

answered Feb 22, 2013 at 21:11

wirey00

33.7k7 gold badges56 silver badges65 bronze badges

Comments

James Coyle · Accepted Answer · 2013-02-22 21:03:08Z

0

$('#myform select[value=yes]');

answered Feb 22, 2013 at 21:03

James Coyle

10.5k2 gold badges42 silver badges49 bronze badges

Collectives™ on Stack Overflow

JQuery Selector to select dropdown by value

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related