如何使用jQuery選擇下拉列表

Question

我有下面的下拉列表。我想在頁面加載時在下拉列表中填充橙色。我做了一個函數，PopulateDropDown，它運行jQuery代碼來這樣做，但它不起作用。

<select name="cboFruits" id="cboFruits"> 
    <option value="Apple">Apple</option> 
    <option value="Orange">Orange</option> 
    <option value="Mango">Mango</option> 
    <option value="Banana">Banana</option> 
    <option value="Pine">Pine</option> 
</select> 

<script type="text/javascript" src ="jquery.js"></script> 
<script> 
    function PopulateDropDown(pFruitName) 
    { 
     $('cboFruits :selected').val(pFruitName); 
    } 

    $(document).ready(function(){ 
     PopulateDropDown('Orange'); 
    }); 
</script> 

Answer 1

你忘了寫* *＃**並刪除選中

$('#cboFruits').val(pFruitName); 

編輯：

，或者你使用

<option value="Orange" selected="true">Orange</option> 

時默認'橙'將被選中

頁

Answer 2

嗯，有你的代碼的幾個問題：

$('cboFruits :selected').val(pFruitName); 

一切，你錯過了在cboFruits前面的＃首先，因爲cboFruits是你的選擇列表中的ID屬性。

還設置所選選項的正確的方法是這樣的：

function PopulateDropDown(pFruitName) 
{ 
    $('#cboFruits option:contains("'+pFruitName+'")').prop('selected', true); 
} 

$(document).ready(function(){ 
    PopulateDropDown('Orange'); 
});​ 

參考這個問題How do you select a particular option in a SELECT element in jQuery?

Answer 3

它應該工作：

function PopulateDropDown(pFruitName) 
{ 
    $('#cboFruits').val(pFruitName); 
}