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

admin2025-04-19 0

I'm a student in JavaScript and we have an assignment due tonight. I've been working, and re-working, the code for bit.

Essentially, I'm struggling with populating a List Box (bo box) from a Multi-Dimensional Array.

I have a multi-dimensional array created and it works (I sent my results to an alert box).

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

        ];

But, I have no idea how to populate this array to a select list box (bo box).

Any help, much appreciated.

I'm a student in JavaScript and we have an assignment due tonight. I've been working, and re-working, the code for bit.

Essentially, I'm struggling with populating a List Box (bo box) from a Multi-Dimensional Array.

I have a multi-dimensional array created and it works (I sent my results to an alert box).

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

        ];

But, I have no idea how to populate this array to a select list box (bo box).

Any help, much appreciated.

Share edited Mar 3, 2013 at 11:39 Mat 207k41 gold badges402 silver badges418 bronze badges asked Apr 22, 2012 at 12:36 kentrenholm 3333 gold badges7 silver badges23 bronze badges

1 Do you know how to iterate over the array? – Felix Kling Commented Apr 22, 2012 at 12:42
What, exactly, should the generated HTML be for this example? Have you tried using a for loop? – Matt Ball Commented Apr 22, 2012 at 12:42
to add the columns of Billy Joel, Bryan Adams, and Brian Adams to appear in the select box. I then want to use the value to show price and the image to appear. I think I can do the other things once I can populate the bo box. – kentrenholm Commented Apr 22, 2012 at 13:00

Add a ment |

2 Answers 2

Sorted by: Reset to default 2

Use this Code.

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

this will help you.....

extract the data which you want to add in bo box from the array, then use jquery append to add them to the select tag.

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

Iterate through the array & store the data to be added in a variable, say var data, then:

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

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1745070838a283268.html

javascriptHow to Populate a List Box (combo box) from a MultiDimensional ArrayStack Overflow

最新回复(0)