Set selected value for dropdown based on the display value in jquery/javascript

Question

Does anyone know how can I set the selected value for dropdown based on the display value in jquery/javascript

Example:

<select id='test'>
  <option value='sgf'>One</option>
  <option value='sdf'>Two</option>
  <option value='gfr'>Three</option>
  <option value='dfg'>Four</option>
</select>

How Can I set the selected to value based on the display value? Let say, I want to set the selected when display value is 'Three'

So just to clarify, you want to change the value 'gfr' to "Three" once selected? — kinakuta
– kinakuta, Commented Jun 27, 2011 at 2:38

David Tang · Accepted Answer · 2011-06-27 02:37:51Z

3

$('#test option').filter(function () {
   return $(this).text() == 'Three';
})[0].selected = true;

answered Jun 27, 2011 at 2:37

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

Comments

Anurag · Accepted Answer · 2011-06-27 02:40:01Z

1

$("#test option:contains(Three)").prop("selected", true)

assuming the words are sufficiently unique. Otherwise go with @Box9's approach for more robustness.

answered Jun 27, 2011 at 2:40

Anurag

142k37 gold badges223 silver badges262 bronze badges

2 Comments

Jin Yong Over a year ago

this doesnt seem work for me... error 'Object doesn't support this property or method' display

Anurag Over a year ago

prop was introduced in jQuery 1.6 afaik. What version are you on?

Collectives™ on Stack Overflow

Set selected value for dropdown based on the display value in jquery/javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related