2011-01-11 217 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); 
});