Jquery add "selected" on dropdown menu

jquery select selected
Jacob picture Jacob · Jan 11, 2011 · Viewed 12.6k times · Source

I have a simple dropdown menu with some options eg:

<select name='music_style' id='palmsForm-music_style'>
   <option value='1'  >Alternative and Indie</option>
   <option value='2'  >Clubs and Dance</option>
   <option value='3'  >Country/Folk</option>
   <option value='4'  >Hard Rock/Metal</option>
   <option value='5'  >Jazz/Blues</option>
   <option value='6'  >R&B/Urban Soul</option>
   <option value='7'  >Rap and Hip-Hop</option>
   <option value='8'  >Rock/Pop</option>
   <option value='9'  >Other</option>
</select>

I use a API for creating the form, so would prefer if there was a way to via jquery choose which of the options should be selected by default based upon the value of the option.

Is this possible? Thanks for helping!

Answer

JasCav picture JasCav · Jan 11, 2011

Programmatically set the selected item:

$("#palmsForm-music_style").val(2);

This will select Country/Folk (0 count).

Related questions

jQuery remove selected option from this

first post here, I come in peace :) I've searched but can't quite find what I'm after. I am trying to manipulate the selected option of a select box. Can someone please explain why this works: $('#some_select_box').click(…

Read More
Set selected value jQuery dropdownlist

I am trying to set the selected value in a dropdownlist using jquery, I have this: $('.option_vehiculo', '#form_login').each(function() { if (this.id == tipo_vehiculo_def) { this.value = "option"; }; }); .option_vehiculo is a class that I …

Read More
jQuery get value of select onChange

I was under the impression that I could get the value of a select input by doing this $(this).val(); and applying the onchange parameter to the select field. It would appear it only works if I reference the ID. …

Read More