How to use jQuery to select a dropdown option

Question

I was wondering if it   s possible to get jQuery to select an  lt option gt   say the 4th item  in a dropdown box    lt select gt       lt option gt  lt  option gt       lt option gt  lt  option gt       lt option gt  lt  option gt       lt option gt  lt  option gt       lt option gt  lt  option gt   lt  select gt    I want the user to click a link  then have the  lt select gt  box change its value  as if the user has selected it by clicking on the  lt option gt

User · Accepted Answer

How about      select gt option eq 3    attr  selected   true     example at http   www jsfiddle net gaby CWvwn     for modern versions of jquery you should use the  prop   instead of  attr       select gt option eq 3    prop  selected   true     example at http   jsfiddle net gaby CWvwn 1763

User · Answer

answer with id       selectBoxId   find  option eq 0    attr  selected   true

User · Answer

HTML select elements have a selectedIndex property that can be written to in order to select a particular option      select   prop  selectedIndex   3      select 4th option   Using plain JavaScript this can be achieved by      use first select element var el   document getElementsByTagName  select   0       assuming el is not null  select 4th option el selectedIndex   3

User · Answer

The easiest way is val value  function      select   val 2     And to get the selected value you give no arguments      select   val      Also  you if you have  lt option value  valueToSelect  gt     lt  option gt   you can do      select   val  valueToSelect      DEMO

User · Answer

Use the following code if you want to select an option with a specific value      select gt option value      value         prop  selected   true

User · Answer

With    element usually we use  value  attribute  It will make it easier to set then      select   val  option-value

User · Answer

Try this       mySelectElement option   0  selected   true    Regards

User · Answer

if your options have a value  you can do this      select   val  the-value-of-the-option-you-want-to-select       select  would be the id of your select or a class selector  or if there is just one select  you can use the tag as it is in the example

User · Answer

I prefer nth-child   to eq   as it uses 1-based indexing rather than 0-based  which is slightly easier on my brain     selects the 2nd option    select gt option nth-child 2    attr  selected   true

User · Answer

The solution       element-id   val  the value of the option

User · Answer

This works for me   selectedindex 4  If you want to randomise options  you could always do something like this   0selectedindex Math floor  Math random     0 length-1  1   Whilst 2nd bullet lies outside scope of your questions  it serves to illustrate how 1st bullet could be applied   amended as req

User · Answer

Try with the below codes  All should work          select   val 2          select   prop  selectedIndex   1          select gt option value  5     prop  selected   true          select gt option eq 3    attr  selected    selected           select option contains COMMERCIAL    attr  selected   true

User · Answer

select gt option eq 3    attr  selected    selected      One caveat here is if you have javascript watching for select option s change event you need to add  trigger  change   so the code become        select gt option eq 3    attr  selected    selected   trigger  change      because only calling  attr  selected    selected   does not trigger the event

User · Answer

I would do it this way       idElement   val  optionValue   trigger  change

[javascript] How to use jQuery to select a dropdown option?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to drop-down-menu

Examples related to html-select