0

2 つのドロップダウン メニューがあります。1 つはメイン メニューで、もう 1 つはサブメニューです。

<div id="menu">
    <select data-native-menu="false" id="mainMenu" name="select-choice-0">
        </select> <select data-native-menu="false" id="subMenu" name=
        "select-choice-1">
        </select>
</div><!--End of menu-->

メイン メニューに配列データを入力しましたが、サブメニューにそれぞれのメイン メニュー データを表示できません。私が試したことは

function setSubMenu(indexPos) {
    var selectedMenuArray = [];
        for (var i = 0; i < sortedArray[menuKeys[indexPos]].length; i++) {
            selectedMenuArray.push(sortedArray[menuKeys[indexPos]][i]);
        }
        //creating submenu
        var subMenuId = $('#subMenu');
        var subCatHtml = '';
        for (var i = 0; i < selectedMenuArray.length; i++) {
            console.log(selectedMenuArray[i]['subcategory']);
            subCatHtml += '<option>' + selectedMenuArray[i]['subcategory'] + '</option>';
        }

    subMenuId.html(subCatHtml);
    subMenuId.selectmenu();
    subMenuId.selectmenu('refresh');
}

ここでは、メイン メニュー項目のインデックス位置を渡しています。次に、それぞれの項目を SelectedMenuArray にプッシュして、SubMenu に表示します。ここで私の問題は、サブメニュー項目を表示できないことです。

4

2 に答える 2

0 
 subMenuId.html(subCatHtml).trigger('create');
 subMenuId.html(subCatHtml).selectmenu('refresh', true);
于 2013-10-21T11:09:57.777 に答える