jQuery的下拉填充數據

我有兩個下拉列表在JSP頁面中，我選擇第一個下拉菜單項，然後我們要填充第二個下拉列表項目從數據的基礎上，jQuery的下拉填充數據

這是我的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在第一個成功的功能。我們又如何可以添加該數據第二個下拉列表，

這是我的下拉列表

 <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>

來源

2013-06-27 Bipin Bangwal

首先將ajax功能附加到第一個下拉列表的onchange事件上。然後在js中創建一個變量來保存第二個下拉列表的所有值，如下所示。'。最後構造select標籤的選項並更新select元素的內容。var itemval =''; （「＃SelItem」）。html（itemval）;'這應該進入您的成功部分的ajax調用 – dreamweiver

希望這有助於。將此添加到您的成功回調函數中：

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

這是假設您在ajax函數中返回的數據是一個字符串列表。如果它是對象列表，則用數據[item] .variableName替換數據[item]。

來源

2013-06-27 13:33:01

先生我appericiate你的答案，我仍然不能返回列表，PLZ給我一些想法，Thnx爵士 –

@BipinBangwal你能提供一個鏈接到你的網頁或小提琴什麼的？ –

回答

相關問題