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 отсчетов).

Answer 2

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

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

Answer 3

Поскольку вы используете API и у вас может не быть контроля над разметкой, вы можете добавить к имени записи по умолчанию строку «[Default]», а затем использовать 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());