javascript - 是否可以根据 javascript/html/D3 中的数据制作列表？

Question

我希望根据 JSON 文件中的数据创建一个列表。我想从列表中选择一个调用我拥有的突出显示功能的项目。

我想要做的是加载不同大小的数据，因此我希望列表能够根据传递给它的数据进行更改。

我为迎新做了一个:

function orientation()
{
    var mylist=document.getElementById("myList");
    var listChoice = mylist.options[mylist.selectedIndex].text;
    //-----------------------chosing which layout to use
    if(listChoice == "Force")
    {
        console.log("Force");
        backtoForce();
    }
    else if(listChoice == "Portrait")
    {
        console.log("Portrait");
        portraitLayout();       
    }
    else if(listChoice == "Landscape")
    {
        console.log("Landscape");
        landscapeLayout();
    }
}

我知道如何从 JSON 文件获取数据，但我不确定如何根据该数据创建列表。

Answer 1

如果我关注您，您想使用 ajax 一些 JSON 并根据该数据创建一个列表吗？

var data   = json.data;
var mylist = document.getElementById("myList");

for (var i = 0; i < data.length; i++) {
     var listItem = document.createElement('li');

     listItem.innerHTML = data[i].text; // assign data to new element html

     myList.appendChild(listItem);
}