如何使用 javascript 在表中动态插入带有选项的选择框的表行

我很难动态插入表行，因为我以前没有真正尝试过。我应该做的是插入一个新的表行，其中包含一个选择框，其中包含数组列表中的选项。

到目前为止，这是我的代码：

.HTML

<TABLE id="dataTable">         
    <TR>             
        <TD> 1</TD>             
        <TD> 
            <select name="option">
            <%for(int i = 0; i < jList.size(); i ++){%>
            <option value="<%=jList.get(i).getName%>"><%=jList.get(i).getName%></option>
            <%}%>
            </select>
        </TD>         
    </TR>     
    </TABLE> 
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />  

JAVASCRIPT

function addRow(tableID) {               
    var table = document.getElementById(tableID);               
    var rowCount = table.rows.length;         
    var count = rowCount + 1;
    var row = table.insertRow(rowCount);               
         //*** EDIT ***               
    var cell1 = row.insertCell(0);             
    cell1.innerHTML = count;
    var cell2 = row.insertCell(1);             
    var element2 = document.createElement("select");   
//how do i put the options from the arraylist here?
    cell2.appendChild(element2);  

}

另外，我还想知道如何将变量从javascript函数传递给java servlet，因为每次我在隐藏的输入类型中传递变量计数时，输入都不包含计数。我希望你能帮助我解决我的困境。