使用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向Servlet发送Ajax请求，然后Servlet将读取数据库并进行响应，javascript会将响应添加到HTML DOM中。