Javascript 使用数据库中的数据将行动态添加到表中

我使用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>

---

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

一切皆有可能，但。。。你的数据库是什么？你是怎么做到的？什么是我的数据库？我相信问题中有一张模拟桌子。你想查看整个数据库吗？@SKunda抱歉我误读了代码。但我想我不明白这个问题。。。您试图用javascript代码实现什么？html代码在一个表中，我试图使该表动态化，以便javascript代码向表中添加一行，该行与html代码相同。唯一的问题是，对于html代码，我正在查询数据库，但是对于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);