Jquery добавить «выбранный» в раскрывающемся меню

Question

У меня есть простое выпадающее меню с некоторыми опциями например:

<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> 

Я использую API для создания формы, поэтому предпочел бы, если бы был способ с помощью JQuery выберите, какой из параметров следует выбрать по умолчанию в зависимости от значения параметра.

Возможно ли это? Спасибо за помощь!

Answer 1

Программным установить выбранный элемент:

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

Это будет выбрать страну/Фольклор (0 COUNT).

Answer 2

Поскольку вы используете API, и у вас может не быть контроля над разметкой, вы можете добавить к названию записи по умолчанию строку «[По умолчанию]», а затем использовать jQuery для ее выбора.

Markup:

<select name='music_style' id='palmsForm-music_style'> 
    ... 
    <option value='5'>Jazz/Blues [Default]</option> 
    ... 
</select> 

JQuery:

$("#palmsForm-music_style").val($("#palmsForm-music_style option:contains('[Default]')").val()); 

Answer 3

Вы можете также использовать это для выбора опции из списка дд

$(document).ready(function(){ 
var value= "6"; 
$('#palmsForm-music_style [value='+value+']').prop('selected', true); 
});