JavaScript set dropdown selected item based on option text

Question

say I have a dropdown list like this    lt select id  MyDropDown  gt       lt option value  0  gt Google lt  option gt       lt option value  1  gt Bing lt  option gt       lt option value  2  gt Yahoo lt  option gt   lt  select gt    and I want to set the selected value based on the option text  not the value with javascript  How can I go about doing this  For example  with c  I can do something like the example below and the the option with  Google  would be selected   ListItem mt   MyDropDown Items FindByText  Google    if  mt    null       mt Selected   true      Thanks in advance for any help

User · Answer

This works in latest Chrome  FireFox and Edge  but not IE11  document evaluate    option text    quot Yahoo quot     document  iterateNext   selected    selected    And if you want to ignore spaces around the title  document evaluate    option normalize-space text     quot Yahoo quot     document  iterateNext   selected    selected

User · Answer

You can loop through the select obj options  There s a  text method in each of the option object  which you can use to compare to what you want and set the selectedIndex of the select obj

User · Answer

var textToFind    Google    var dd   document getElementById  MyDropDown    for  var i   0  i  lt  dd options length  i          if  dd options i  text     textToFind            dd selectedIndex   i          break

User · Answer

A modern alternative   const textToFind    Google   const dd   document getElementById   MyDropDown    dd selectedIndex       dd options  findIndex  option   gt  option text     textToFind

[javascript] JavaScript: set dropdown selected item based on option text

Examples related to javascript