使用JavaScript動態添加/刪除選擇框HTML表

Question

嗨，有人可以幫我解決如何使用Java腳本動態生成選擇框的問題。選項值來自數據庫。

  <th> <label class="control-label" for="typeahead">Department<span style="color: red">*</span></label></th>
                                    <td><html:select property="deparment" value="" onblur="dropDown(this);"> 
                                            <html:option value="">Select</html:option>
                                        </html:select>
                                        <html:errors property="deparment"/>
                                        <p id="deparment" style="color:red"/>
                                    </td>
                                    <th> <label class="control-label" for="typeahead">Reporting To<span style="color: red">*</span></label></th>
                                    <td>
                                        <html:select property="reportingto" value="" onblur="dropDown(this);"> 
                                            <html:option value="">Select</html:option>
                                        </html:select>
                                        <html:errors property="reportingto"/>
                                        <p id="reportingto" style="color:red"/>
                                    </td>
                                    <td></td>
                                    </tr>
                                    <tr>
                                    <td>
                                        <a onclick="adddepartment();" href="javascript:;" style="font-size:12px;">Add New</a>
                                    </td>

Answer 1

使用javascript將Ajax請求發送到Servlet，然后Servlet將讀取數據庫並做出響應，而javascript會將響應添加到HTML DOM。