Creazione di Dropdown dynamicmente – Javascript

Sto provando a sviluppare una funzione JS che crea una nuova riga ogni volta che un nuovo record viene aggiunto a un database (da un programma diverso che controlla periodicamente). In questo momento posso ottenere la funzione per controllare il db, aggiungere il record alla tabella e visualizzarlo in modo dinamico. La prima colonna è l’id utente e la seconda colonna è dove sto correndo in problemi. Vorrei includere un menu a discesa, ma non sono sicuro di come aggiungere opzioni. Ho il menu a discesa nella seconda colonna, ma non ci sono opzioni tra cui scegliere. Qualcuno ha qualche suggerimento?

function addRow(tableID, user) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; for(var i=0; i<colCount; i++) { var opt = document.createElement("option"); tabbody=document.getElementsByTagName("tbody").item(2); cell1 = document.createElement("TD"); cell2 = document.createElement("TD"); textnode1=document.createTextNode(user); //textnode2=document.createTextNode("morecontent"); textnode2=document.createElement("select"); textnode2.setAttribute('id', 'focus'); textnode2.options.add(opt); cell1.appendChild(textnode1); cell2.appendChild(textnode2); row.appendChild(cell1); row.appendChild(cell2); tabbody.appendChild(row); var newcell = row.insertCell(i); newcell.innerHTML = table.rows[0].cells[i].innerHTML; 

Ecco l’HTML a cui è stato inviato:

  Pending Alerts  User Action    

Dopo

 textnode2 = document.createElement("select"); 

devi fare qualcosa del genere

 var op = new Option(); op.value = 1; op.text = "First entry"; textnode2.options.add(op); 

e ripetere per le voci desiderate.

Mi piace questo metodo.

 var dropdown = document.getElementById("MyDropDownList"); var opt = document.createElement("option"); opt.text = 'something'; opt.value = 'somethings value'; dropdown.options.add(opt);