Is there a way in plain javascript to select element in options by value? [duplicate]

Question

As you can see from the title, I am wondering if there is a way in plain javascript to select an element from option fields by some value. I know I can do it with jQuery like this - option[value="'+ myObject.value+'"] but I want to know if I can do the same with javascript without using some loop to find the index and then select it by its value.

P.S. I guess jQuery is doing exactly this^ but I am not sure.

Pranav C Balan · Accepted Answer · 2016-10-04 08:07:01Z

3

You can use querySelector with css attribute equals selector.

var ele = document.querySelector('option[value="' + myObject.value+ '"]');

answered Oct 4, 2016 at 8:07

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

1 Comment

George Pandurov Over a year ago

I tried to do it with querySelector but I guess I missed something. Thanks for the fast reply.

Angel Politis · Accepted Answer · 2016-10-04 08:13:03Z

2

You can do it as easily in plain JavaScript by using document.querySelectorAll:

document.querySelectorAll("option[value='" + myObject.value + "']");

edited Oct 4, 2016 at 8:13

answered Oct 4, 2016 at 8:06

Angel Politis

11.4k15 gold badges51 silver badges67 bronze badges

Collectives™ on Stack Overflow

Is there a way in plain javascript to select element in options by value? [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related