如何將下拉列表中的值推送到數組並將該數組添加到表中？

Question

這是JavaScript。該選擇具有'counties'的id。

該表格將被插入名爲'up_bottom'的div中。

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(); 
} 

Answer 1

試試這個，

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(); 

Answer 2

請執行以下步驟

1. 獲取從下拉菜單中選定的值
2. 將選定值到數組
3. 創建TR的字符串元素並將其追加到第一個tr元素
之前的表中