Javascript 使用数据库中的数据动态填充JSP中的下拉列表

我用按钮点击动态生成元素，如下所示

javascript，有助于生成多个表行

<SCRIPT language="javascript">
        function addRow(tableID) {
            var table = document.getElementById(tableID);    
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            var element1 = document.createElement("input");
            element1.type = "checkbox";
            element1.name = "checkbox";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            var element2 = document.createElement("input");
            element2.type = "text";
            element2.name = "car";
            cell2.appendChild(element2);

            var cell3 = row.insertCell(2);
            var element3 = document.createElement("select");
            element3.name = "group";                        
            cell3.appendChild(element3);    
        }    
</SCRIPT>

---

如何实现这一点？

您需要在该函数的select中动态添加选项

        var cell3 = row.insertCell(2);
        var element3 = document.createElement("select");
        element3.name = "group";      
        element3.options[0] = new   Option("Group A","1");
        element3.options[1] = new   Option("Group B","2");
        element3.options[2] = new   Option("Group C","3");
        cell3.appendChild(element3);    

我不知道您的后端语言，所以您必须通过在后端数据集中循环来动态创建添加选项行

---

更好的方法是使用jquery或其他工具进行DOM操作，并创建dataset的json以在javascript中使用。

在相关说明中，您已经为这个问题标记了Java。爪哇！=JavaScript。您似乎没有使用Java，或者是吗？@JackWilliam tag已删除。太好了！我相信你现在会获得更多与你的问题相关的流量。看起来你已经在代码中添加了HTML部分。您能告诉我们您在servlet或jsp中做了什么吗？谢谢您的回答。我正在使用servlet jsp。

<select id="grp_select" name="grp_select">
 <option></option>
 <option value="1">Group A</option>
 <option value="2">Group B</option>
 <option value="3">Group C</option>                             
</select>

        var cell3 = row.insertCell(2);
        var element3 = document.createElement("select");
        element3.name = "group";      
        element3.options[0] = new   Option("Group A","1");
        element3.options[1] = new   Option("Group B","2");
        element3.options[2] = new   Option("Group C","3");
        cell3.appendChild(element3);