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 :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 2

应该有效：

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

Answer 3

您忘了写**＃**并删除已选择

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

编辑：

或您使用

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

默认情况下，页面'橙色'将被选中

如何使用jQuery选择下拉列表

3 个答案: