2011-01-11 49 views
2

我有一些选项的简单下拉菜单 如:jQuery的添加“选择”下拉菜单

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

这可能吗?感谢您的帮助!

+0

重复的http://计算器.COM /问题/ 314636 /怎么办任您选择素t-a-special-option-in-a-select-element-in-jquery –

回答

12

编程设置所选的项:

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

这将选择国家/民歌(0计数)。

+0

非常感谢,有效:)(当我可以的时候会接受答案:)) – AzaraT

+0

@AzaraT - 非常好!很高兴帮助你。 (并且感谢您的接受。) – JasCav

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

是的,这对于动态填充的值也很有用!谢谢! – weather

2

您也可以使用这个从DD列表中选择选项

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