set dropdown value by text using jquery

Question

I have a dropdown as    lt select id  HowYouKnow   gt     lt option value  1  gt FRIEND lt  option gt     lt option value  2  gt GOOGLE lt  option gt     lt option value  3  gt AGENT lt  option gt  lt  select gt    In the above dropdown i know the text of the dropdown  How can set the value of the dropdown in document ready with the text using jquery

User · Answer

HowYouKnow option eq XXX    attr  selected    selected      where XXX is the index of the one you want

User · Answer

try this      element  find  option contains     theText       attr  selected    selected

User · Answer

HowYouKnow option value      theText         attr  selected    selected       added single quotes

User · Answer

The below code works for me -   jQuery   id  select    gt  option   each function            if  this text toLowerCase     text                jQuery   id  select     val this value                   jQuery   id  select     - This allows you to select drop down where ID of the drop down starts from select   Hope the above helps   Cheers S

User · Answer

Here is an simple example       country id   change function        if this value toString                   return            alert  You just changed country to          country id option selected   text       which carried the value for country id as      this value toString

User · Answer

For the exact match use           HowYouKnow option   filter function index    return   this  text        GOOGLE      attr  selected    selected      contains is going to select the last match which might not be exact

User · Answer

This is a method that works based on the text of the option  not the index   Just tested   var theText    GOOGLE       HowYouKnow option contains     theText        attr  selected    selected      Or  if there are similar values  thanks shanabus        HowYouKnow option   each function       if   this  text      theText          this  attr  selected    selected

User · Answer

HowYouKnow   val  GOOGLE

User · Answer

This is worked both chrome and firefox  set value in to dropdown box   var given       anotherbox   val        HowYouKnow   text given  attr  value   given

User · Answer

var myText    GOOGLE        HowYouKnow option   map function         if    this  text      myText  return this     attr  selected    selected

User · Answer

For GOOGLE  GOOGLEDOWN  GOOGLEUP i e similar kind of value you can try below code         HowYouKnow option contains  GOOGLE     each function                               if   this  html     GOOGLE                                  this  attr  selected    selected                                                        In this way number of  loop iteration can be reduced and will work in all situation

[jquery] set dropdown value by text using jquery

Examples related to jquery

Examples related to drop-down-menu