Question

我是一名JavaScript学生，我们今晚有一份作业。我一直在工作，并重新编写代码。

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

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

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

        ];

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

任何帮助，非常感谢。

Answer 1

使用此代码。

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

这会对你有帮助.....

Answer 2

从数组中提取要在组合框中添加的数据，然后使用jquery append将它们添加到select标记中。

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

遍历数组＆amp;将要添加的数据存储在变量中，比如var data，然后：

$('#test').append('<option value="'+data+'">'+data+'</option');

如何从多维数组中填充列表框（组合框）？

2 个答案: