Jquery在下拉菜单中添加“selected”

时间:2011-01-11 16:53:30

标签: jquery select selected

我有一个带有一些选项的简单下拉菜单 例如:

<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选择默认情况下应根据选项的值选择哪个选项。

这可能吗?谢谢你的帮助!

3 个答案:

答案 0 :(得分:13)

以编程方式设置所选项目:

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

这将选择国家/地区(0计数)。

答案 1 :(得分:2)

因为您使用的是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());

答案 2 :(得分:2)

您也可以使用它来从dd list

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