How to push values from a dropdown to an array and add the array to a table?

Question

This is the JavaScript. The select has an id of 'counties'.

The table is to be inserted into a div called 'up_bottom'.

var leagueArray = [];
function addTeams() {
  var county=document.getElementById("counties");
  var val = county.options[county.selectedIndex].value;
  leagueArray.push(val);
  function display() {
    var table = document.createElement("table");
    for (var i=0; i<leagueArray.length; i++) {
      var row = table.insertRow();
      for (var j=0; j<leagueArray[i].length; j++) {
        var cell = row.insertCell();
        cell.appendChild(document.createTextNode(leagueArray[i]));
      }
    }
    var tableDiv = document.getElementById("up_bottom");
    tableDiv.appendChild(table);
  }
  display();
}

And? Are you getting errors in the console? What seems to be the problem? — Andy
– Andy, Commented Apr 22, 2015 at 13:31
Uncaught TypeError: Cannot read property 'appendChild' of null — nedduff
– nedduff, Commented Apr 22, 2015 at 13:47

Manoj Singh · Accepted Answer · 2015-04-22 13:40:50Z

0

Please do the following Steps

Get Selected Value from Dropdown
Put the Selected Value into Array
Create A String of tr element and append it to Table before First tr element

answered Apr 22, 2015 at 13:40

Manoj Singh

1

Sign up to request clarification or add additional context in comments.

Comments

score 0 · Accepted Answer · 2015-04-22 13:46:18Z

0

Try this,

function addTeams(){
    var leagueArray = [];
    var county=document.getElementById("counties");
    for (i = 0; i < county.options.length; i++) {
       leagueArray[i] = county.options[i].value;
    }
    display(leagueArray);
}

function display(leagueArray) {
    var table = document.createElement("table");
    for (var i=0; i<leagueArray.length; i++) {
        var row = table.insertRow();
        for (var j=0; j<leagueArray[i].length; j++) {
            var cell = row.insertCell();
            cell.appendChild(document.createTextNode(leagueArray[i]));
        }
    }
    var tableDiv = document.getElementById("up_bottom");
    tableDiv.appendChild(table);
}

addTeams();

edited Apr 22, 2015 at 13:46

answered Apr 22, 2015 at 13:40

user1846747

Collectives™ on Stack Overflow

How to push values from a dropdown to an array and add the array to a table?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related