Question

我有一个两个下拉列表在一个jsp页面中，我选择了第一个下拉项目，然后我们要填充第二个dropDown List项目来自数据BAse，

这是我的jQuery Ajax代码： -

             $.ajax({
                type: "GET",
                data: 'name=' + dept,
                async: false,
                url: "master/loginCreateUser.jsp?emp=1",
                success: function(data) {
                    alert(data);                      
                }
              });
            }

这是我的loginCreateUSer.jsp页面： -

       ArrayList<String> emp = new  ArrayList();
      emp =  new UserRights().showEmp(s1);

我拥有所有数据对于ArrayList emp中的第二个下拉列表，那么我们如何在第一个成功函数中检索此Arraylist emp。我们如何在第二个下拉列表中添加这些数据，

这是我的dropDown List

     <select name="deptName" id="deptName" style="height:25px; width: 190px;"  onChange="viewEmp(this.value)"> 
                            <option value="0" selected >(please select:)</option> 
                            <%
                                int i = 0;
                                int a = new DBDepartment().getDepartment().size();
                                 while (a != 0) {
                            %>
                            <option><%= new            DBDepartment().getDepartment().get(i).getDeptname()%></option>
                            <% 
                                    a--;
                                    i++;
                                 }
                            %>
                        </select>

  <select name="empEvents" id="empName" style="height:25px; width: 190px;"> 
  </select>

Answer 1

希望这会有所帮助。将此添加到您的成功回调函数：

for(var item in data){
   $("#empName").append("<option>" + data[item] + "</option>");
}

这假设您在ajax函数中返回的数据是字符串列表。如果它是对象列表，则将data [item]替换为data [item] .variableName。

Jquery Dropdown填充数据

1 个答案: