0

配列の値で選択メニューを初期化しようとしていますが、特定のエントリを選択したいです。このコードを使用して、必要な値を含むリストを作成できます。

var myArray = new Array()
myArray = ["a", "b", "b", "d", "e", "f"];


function updateSelectMenu(){
    for (var i = 0, len = myArray.length; i < len; i++) {
        if (i == 2) {
            $("#myArraySelectMenu")
                .append($('<option>')
                .attr('value', myArray[i])
                .attr('selected', "selected")
                .text(myArray[i]+"text"))
        }
        else {
            $("#myArraySelectMenu")
                .append($('<option>')
                .attr('value', myArray[i])
                .text(myArray[i]+"text"))
        }
    }
}

私の問題は次のとおりです。クリックしてすべてのオプションを表示する前に、選択したエントリがドロップダウン領域に表示されません。

選択されていても、上部に値が表示されません:

選択しても上部に値が表示されない

お手伝いありがとう。

4

1 に答える 1

0 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Mobile Docs - Select</title>
    <link rel="stylesheet" href="../../../jquery.mobile-1.0.1.min.css" />
    <link rel="stylesheet" href="../../_assets/css/jqm-docs.css" />
    <script src="../../../jquery.js"></script>
    <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
    <script src="../../_assets/js/jqm-docs.js"></script>
    <script src="../../../jquery.mobile-1.0.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.each(['a', 'b', 'c', 'd', 'e', 'f'], function (i, value) {
                if (i == 2) {
                    $("#myArraySelectMenu").append($('<option />', { 'value': value, 'selected': 'selected' }).text(value + 'text'));
                }
                else {
                    $("#myArraySelectMenu").append($('<option />', { 'value': value }).text(value + 'text'));
                }
            });

            $("#myArraySelectMenu").selectmenu('refresh');
        });
    </script>
</head>
<body>
    <div data-role="fieldcontain">
        <label for="select-choice-7" class="select">
            Array Mio:</label>
        <select name="select-choice-7" id="myArraySelectMenu">
        </select>
    </div>
</body>
</html>
于 2012-04-28T10:17:27.213 に答える