如何从多维数组填充列表框(组合框）

How to Populate a List Box (combo box) from a Multi-Dimensional Array?

本文关键字：列表 组合 填充 数组      更新时间：2023-09-26

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

从本质上讲，我正在努力从多维数组填充列表框（组合框）。

我创建了一个多维数组并且它可以工作（我将结果发送到警报框）。 

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

但是，我不知道如何将此数组填充到选择列表框（组合框）。

任何帮助，非常感谢。

使用此代码。

<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>

这将帮助你.....

从

数组中提取要添加到组合框中的数据，然后使用jquery append将它们添加到选择标签中。

<select id="test">
</select>

遍历数组并将要添加到变量中的数据存储，例如 var 数据，然后：

$('#test').append('<option value="'+data+'">'+data+'</option');
相关文章：