jquery怎么實現下拉選擇不同顯示不同

這篇文章主要介紹了jquery怎么實現下拉選擇不同顯示不同的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jquery怎么實現下拉選擇不同顯示不同文章都會有所收獲，下面我們一起來看看吧。

　　下面步驟介紹了如何從數據庫獲取數據，并動態的在前端顯示。

　　步驟一：jsp頁面靜態的select：

　　選擇A

　　選擇B

　　選擇C

　　注意：

　　1、靜態的select在某些場景下使用是沒有問題的。但是在產品不同的需求時，動態select更能勝任其多樣性。

　　2、select有多種寫法，這里是最簡單的。

　　步驟二：jQuery通過ajax請求獲取動態的數據，并在jsp頁面顯示。

　　function IninDepart（）{

　　$（"#selectSM"）。remove（）;//清空select列表數據

　　var state=1;

　　$.ajax（{

　　type : "POST",

　　url : "/getItemDepartList.do",

　　dataType : "JSON",

　　data : {},

　　success : function（msg）

　　{

　　$（"#selectSM"）。prepend（"請選擇"）;//添加第一個option值

　　for （var i=0; i < msg.rows.length; i++） {

　　//如果在select中傳遞其他參數，可以在option 的value屬性中添加參數

　　//$（"#selectSM"）。append（""+msg.rows[i]+""）;

　　$（"#selectSM"）。append（""+msg.rows[i]+""）;

　　}

　　},error:function（）{

　　alertLayer（"獲取數據失敗","error"）;

　　}

　　}）;

　　}

　　注意：這里使用的是jQuery、ajax，其他方式也可以實現。

　　步驟三：后臺數據的處理。

　　public JSONObject getItemDepartList（HttpServletRequest request） throws Exception{

　　//查詢select數據

　　List> list=appServices.getAppList（）;

　　System.out.println（"list::::::::" + list）;

　　//獲取數據存放到數組

　　String[] depart=null;

　　for （Map map : list） {

　　for （String k : map.keySet（）） {

　　depart=（（String） map.get（k））。split（","）;

　　System.out.println（"depart::::::::" + depart）;

　　}

　　}

　　//去除數組中重復數據，存放到list

　　List strList=new ArrayList（）;

　　for （int i=0; i

　　if（！strList.contains（depart[i]）） {

　　strList.add（depart[i]）;

　　}

　　}

　　System.out.println（"strList::::::::" + strList）;

　　jsonObject.put（"rows", strList）;

　　return jsonObject;

　　}

　　注意：由于后臺返回數據的問題，需要對數據進行截取并去除重復數據。如果沒有這個需求，可以直接向前端返回一個數組或list即可。

關于“jquery怎么實現下拉選擇不同顯示不同”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“jquery怎么實現下拉選擇不同顯示不同”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。