jsp中实现利用数据库中的数据动态拼接select的option

动态拼接select标签

本教程主要解决的问题是利用数据库中的数据动态的显示到下拉选框中，通过这个下拉选框的值动态的调整下一个下拉选框的选项。
主要效果如下图：

这四个选项是数据库中的数据

当选中指定学期后，能够动态的加载第二个下拉框的内容，也就是当前学期开设的课程

---

第一个下拉框具体实现

这是第一个下拉选框的select标签

<select style="width:180px;" id="semester" 
name="semester" onclick="showCourse(this.value)"></select>

实现semester下拉选框的jsp代码

<%
    request.setCharacterEncoding("UTF-8");
    String semestersSql = "select * from semesterrecord";
    try{
        Connection cn = DataBase.getConnection();//链接数据库的常规操作
        PreparedStatement ps = cn.prepareStatement(semestersSql);
        ResultSet rs = ps.executeQuery();
        while