-1

我有下面的下拉菜单。我想在页面加载时在下拉列表中填充橙色。我创建了一个函数 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>
4

3 回答 3

1

好吧，您的代码存在一些问题：

 $('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 specific option in a SELECT element in jQuery?

于 2012-07-31T08:27:22.937 回答
0

它应该工作：

function PopulateDropDown(pFruitName)
{
    $('#cboFruits').val(pFruitName);
}
于 2012-07-31T08:27:31.920 回答
0

你忘了写 ** # ** 并删除选中

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

编辑 ：

或者你使用

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

当页面默认为“橙色”时将被选中

于 2012-07-31T08:38:11.007 回答