Javascript 如何从多维数组填充列表框(组合框)?

Javascript 如何从多维数组填充列表框(组合框)?,javascript,arrays,Javascript,Arrays,我是JavaScript的学生,我们今晚有一个作业要交。我一直在工作,并且在重新工作,比特的代码 本质上,我正在努力从多维数组填充列表框组合框 我创建了一个多维数组,并将结果发送到一个警报框 var concertArray = [ ["Billy Joel", "99", "equal.png"], ["Bryan Adams", "89", "higher.png"], ["Brian Adams", "25", "lower.png"]

我是JavaScript的学生,我们今晚有一个作业要交。我一直在工作,并且在重新工作,比特的代码

本质上,我正在努力从多维数组填充列表框组合框

我创建了一个多维数组,并将结果发送到一个警报框

var concertArray = [
        ["Billy Joel", "99", "equal.png"],
        ["Bryan Adams", "89", "higher.png"],
        ["Brian Adams", "25", "lower.png"]

        ];
但是,我不知道如何将这个数组填充到选择列表框组合框中


非常感谢您的帮助。

从数组中提取要添加到组合框中的数据,然后使用jquery append将其添加到select标记中

<select id="test">
</select>
遍历数组并将要添加的数据存储在变量中,例如var data,然后:

$('#test').append('<option value="'+data+'">'+data+'</option');
使用此代码

<html>

    <head>
     <script type="text/javascript">
        var concertArray = [
            ["Billy Joel", "99", "equal.png"],
            ["Bryan Adams", "89", "higher.png"],
            ["Brian Adams", "25", "lower.png"]
            ];

            function populate(){

                for(i=0;i<concertArray.length;i++){
                    var select = document.getElementById("test");
                    select.options[select.options.length] = new Option(concertArray[i][0], concertArray[i][1]);
                }

            }
        </script>
        </head>

    <body onload="populate();">
        <select id="test">
        </select>
    </body>     
</html>

这将帮助您……

您知道如何迭代数组吗?对于本例,生成的HTML应该是什么?您尝试过使用for循环吗?添加Billy Joel、Bryan Adams和Brian Adams的列以显示在选择框中。然后我想使用该值来显示价格和要显示的图像。我想一旦我可以填充组合框,我就可以做其他的事情了。这是主要的逻辑,迭代数组并自己使用这些代码。我这边没有更多的帮助了;因此,如果我想添加Billy Joel、Bryan Adams和Brian Adams的列以显示在选择框中,我将如何编写它?因此,我需要var I=0的var数据;i.长度;i++{$'test'.append+data+'我不想再打扰你了。我想了解这一点。因此,如果我想在选择Billy Joel[0]时将价格[1]=99,你知道这将如何工作吗?如果你不这样做,我只是希望得到一个处理,因为我可以看到它是如何非常有用。