這篇文章主要介紹了jquery怎么實(shí)現(xiàn)下拉選擇不同顯示不同的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡(jiǎn)單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇jquery怎么實(shí)現(xiàn)下拉選擇不同顯示不同文章都會(huì)有所收獲,下面我們一起來(lái)看看吧。
創(chuàng)新互聯(lián)公司是專業(yè)的佛山網(wǎng)站建設(shè)公司,佛山接單;提供網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行佛山網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
下面步驟介紹了如何從數(shù)據(jù)庫(kù)獲取數(shù)據(jù),并動(dòng)態(tài)的在前端顯示。
步驟一:jsp頁(yè)面靜態(tài)的select:
選擇A
選擇B
選擇C
注意:
1、靜態(tài)的select在某些場(chǎng)景下使用是沒(méi)有問(wèn)題的。但是在產(chǎn)品不同的需求時(shí),動(dòng)態(tài)select更能勝任其多樣性。
2、select有多種寫法,這里是最簡(jiǎn)單的。
步驟二:jQuery通過(guò)ajax請(qǐng)求獲取動(dòng)態(tài)的數(shù)據(jù),并在jsp頁(yè)面顯示。
function IninDepart(){
$("#selectSM")。remove();//清空select列表數(shù)據(jù)
var state=1;
$.ajax({
type : "POST",
url : "/getItemDepartList.do",
dataType : "JSON",
data : {},
success : function(msg)
{
$("#selectSM")。prepend("請(qǐng)選擇");//添加第一個(gè)option值
for (var i=0; i < msg.rows.length; i++) {
//如果在select中傳遞其他參數(shù),可以在option 的value屬性中添加參數(shù)
//$("#selectSM")。append(""+msg.rows[i]+"");
$("#selectSM")。append(""+msg.rows[i]+"");
}
},error:function(){
alertLayer("獲取數(shù)據(jù)失敗","error");
}
});
}
注意:這里使用的是jQuery、ajax,其他方式也可以實(shí)現(xiàn)。
步驟三:后臺(tái)數(shù)據(jù)的處理。
public JSONObject getItemDepartList(HttpServletRequest request) throws Exception{
//查詢select數(shù)據(jù)
List> list=appServices.getAppList();
System.out.println("list::::::::" + list);
//獲取數(shù)據(jù)存放到數(shù)組
String[] depart=null;
for (Map map : list) {
for (String k : map.keySet()) {
depart=((String) map.get(k))。split(",");
System.out.println("depart::::::::" + depart);
}
}
//去除數(shù)組中重復(fù)數(shù)據(jù),存放到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;
}
注意:由于后臺(tái)返回?cái)?shù)據(jù)的問(wèn)題,需要對(duì)數(shù)據(jù)進(jìn)行截取并去除重復(fù)數(shù)據(jù)。如果沒(méi)有這個(gè)需求,可以直接向前端返回一個(gè)數(shù)組或list即可。
關(guān)于“jquery怎么實(shí)現(xiàn)下拉選擇不同顯示不同”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對(duì)“jquery怎么實(shí)現(xiàn)下拉選擇不同顯示不同”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站標(biāo)題:jquery怎么實(shí)現(xiàn)下拉選擇不同顯示不同
URL鏈接:http://muchs.cn/article20/jophjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄、商城網(wǎng)站、網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
營(yíng)銷型網(wǎng)站建設(shè)知識(shí)