动态创建下拉列表 - Javascript [英] Creating Dropdown Dynamically - Javascript

问题描述

我正在尝试开发一个 JS 函数，每次将新记录添加到数据库时都会创建一个新行(来自定期检查的不同程序).现在我可以获得检查数据库的功能，将记录添加到表中并动态显示它.第一列是用户 ID，第二列是我遇到问题的地方.我想包含一个下拉列表，但我不确定如何为其添加选项.我在第二列中有下拉菜单，但没有可供选择的选项.有人有什么建议吗?

I'm trying to develop a JS function that creates a new row each time a new record is added to a database (from a different program that checks periodically). Right now I can get the function to check the db, add the record to the table and display it dynamically. The first column is the user id and the second column is where I'm running into issues. I would like to include a dropdown, but I'm not sure how to add options to it. I have the dropdown in the second column, but there are no options to choose from. Anyone have some suggestions?

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;

这是它被发送到的 HTML:

Here is the HTML that it is sent to:

        <th colspan="2">Pending Alerts</th>
    <tr>
       <th>User</th>
       <th>Action</th>
        </tr>
    <tbody>
    </tbody>

推荐答案

之后

textnode2 = document.createElement("select");

你需要做类似的事情

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

并重复您想要的条目.

这篇关于动态创建下拉列表 - Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！