-1

以下にドロップダウンがあります。ページが読み込まれたときにドロップダウンにオレンジ色を入力したい。jQueryコードを実行する関数PopulateDropDownを作成しましたが、機能していません。

<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は選択リストのIDプロパティであるため、cboFruitsの前に#がありません。

また、選択したオプションを設定する正しい方法は次のようになります。

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

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

この質問を参照してくださいjQueryのSELECT要素で特定のオプションをどのように選択しますか?

于 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 に答える