jquery - 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);

这将选择 Country/Folk (0 count)。

Answer 2

您也可以使用它从 dd 列表中选择选项

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

Answer 3

因为您使用的是 API，并且您可能无法控制标记，所以您可以在默认记录的名称中添加“[Default]”行，然后使用 jQuery 来选择它。

标记：

<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());