JavaScript: How to Get the Values from a Multi-Dimensional Array?

This site is best viewed in a modern browser with JavaScript enabled.

JavaScript: How to Get the Values from a Multi-Dimensional Array?

kentrenholm

wondering how to get the values from a multi-dimensional array? This is what I have so far:

    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>

Now, does anyone know how to get the value of 99 and the image when I select the first option in the array, "Billy Joel"?

xelawho

html:

<select id="test" onchange="showPick(this.selectedIndex)">
</select>

js:

function showPick(idx){
alert(concertArray[idx][1]+ " "+concertArray[idx][2])
}

JMRKER

Good start, but since the OP has not learned to use the [ code] and [/ code] tags (without spaces)
I thought they might need a bit more to get an actual display.

<!DOCTYPE html>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
var concertArray = [
   ['Select artist','',''],
   ["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]);
  }
}

function showPick(idx){
  if (idx == 0) { return; }
  alert(concertArray[idx][0]+" "+concertArray[idx][1]+ " "+concertArray[idx][2]);
}
window.onload = function() {
  populate();
}
</script>
</head>
<body>
<select id="test" onchange="showPick(this.selectedIndex)">
</select>
</body>
</html>