使用数据库中的数据动态地向表添加行

Question

我正在使用JSTL从数据库中读取数据并将其放在我的下拉列表中，如下所示

  <sql:query dataSource="${snapshot}" var="result">
       SELECT name from accommodation;
  </sql:query>  

 Accommodation Type:*    
        <select name="accommodation" id="accommodation" required>
                <option value="">-- select one --</option>
                <c:forEach var="row" items="${result.rows}">
                  <option value="${row.name}"/>${row.name}</option>
                </c:forEach>
         </select>

让我们假设我的数据库表看起来像这样

id 名称
1 1卧室
2间卧室

现在我知道为了动态地向上面的表添加一行，我会使用类似于此的JavaScript函数

      var cellA = row.insertCell(0);
      var ele = document.createElement('select');
      var op1 = document.createElement('option');
      var op2 = document.createElement('option');
          op1.value = "1 bedroom";
          op1.innerHTML = "1 bedroom";
          op2.value = "2 bedrooms";
          op2.innerHTML = "2 bedrooms";   
              ele.appendChild(op1);
              ele.appendChild(op2);   
              ele.name = 'accommodation';
  cellA.appendChild(ele);  

我的问题是，如何在不对Value和InnerHTML进行硬编码的情况下动态地向表中添加行？有没有办法直接从数据库中获取数据？