I have a select field with some options in it. Now I need to select one of those options with jQuery.

But how can I do that when I only know the value of the option that must be selected? Here's a demo page: If the field loses focus without the contents having changed, the event is not triggered.

How to set a dropdown box value in jQuery

To trigger the event manually, apply. I think the easiest way is selecting to set val , but you can check the following.

See How to handle select and option tag in jQuery?

jquery - Set selected option of select box - Stack Overflow

If you need to removed any prior selected values, as would be the case if this is used multiple times you'd need to change it slightly so as to first remove the selected attribute. This works for me. I'm using this code for parsing a value in a fancybox update form, and my full source from app. Thank you for your interest in this question.

Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site the association bonus does not count.

Would you like to answer one of these unanswered questions instead? Stack Overflow Questions Developer Jobs Documentation beta Tags Users. Sign up or log in to customize your list.

Tour Start here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with us. Log In Sign Up. Join the Stack Overflow Community. Stack Overflow is a community of 7. Join them; it only takes a minute: Set select option 'selected', by value Ask Question.

I have the following HTML: How can this be done? There's an easier way that doesn't require you to go into the options tag: JamesCazzetta send an array to val: I had to manually call. To select an option with value 'val2': Kir Ubuntu 6, 2 17 Wolff Nov 12 '12 at The only solution that worked for me from so many suggestions.

This is the best solution if the desired value may or may not be an option, and you don't want to make a change if it isn't an option. Agree - this is the most elegant option - clear and to the point. Not sure if "prop" works better in all cases browsers.

But this certainly does the easy lookup for you. Use the change event after selecting the value. This deserves much more upvotes and belongs to the top.

Its the proper way, no fiddling with prop , attr etc. Deselect all first and filter the selectable options: Accepted answer ends with empty select, when the value doesn't exist in options. TO THE TOP, best one here.

jQuery Form Plugin

For future use I think we should use prop instead of attr. I like this solution a lot. I'm wondering though if it would be better, performance-wise, if the selector was changed to ". Developer 1, 2 20 Its a lot easier when you name the object you are trying to change.

This is exactly what I was looking for. I didn't think it would be that simple. Black Feb 26 '15 at Taran 3, 2 20 Dipu 6 3. Rune FS 17k 5 40 The easiest way to do that is: This will activate ENT. Pran 6 You are the best I would give you up votes If I could! Adityo 81 1 1. Ravi Wadje 80 1 6. Shujaath Khan 5 This works for sure for Select Control: Just put in this code: Osama khodrog 2 12 It's better to use change after setting select value.

Nick Tsai 66 5.

In it, you'll get: The week's top questions and answers Important community announcements Questions that need answers. Stack Overflow works best with JavaScript enabled.

The value of the selected attribute can be an empty string or selected. MathOverflow Mathematics Cross Validated stats Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more 3. Meta Stack Exchange Stack Apps Area 51 Stack Overflow Talent.