二級相互聯動(前後臺)

2021-07-28 12:04:00 字數 2167 閱讀 6353

1.以貨物大類和細類為例

1.1

1.2//獲取所有貨物型別(大類)

$.ajax(/goodstypeclassify/getgoodstypeclassify.do",

data : ,

async: false,

cache:false,

success: function (data)

var goodstypeclassifyinfo = data.goodstypeclassifyinfo;

if("" != goodstypeclassifyinfo)}}

},error : function(data)

});//獲取所有貨物型別(細類)

$.ajax(/goodstype/getgoodstype.do",

data : ,

async: false,

cache:false,

success: function (data)

var goodstypeinfo = data.goodstypeinfo;

if("" != goodstypeinfo) }

}},error : function(data)

});1.3

//(查詢專用) 下拉列表聯動(貨物大類->貨物細類)

$("#keyword_id_goodstype_goodstypeclassifynamesel").change(function() );

//(查詢專用) 下拉列表聯動(貨物細類->貨物大類)

$("#keyword_id_goodstype_goodstypenamesel").change(function() );

});1.4

// 貨物大類、貨物細類下拉列表框聯動

// 傳入引數1: 變化的控制項id

// 傳入引數2: 需聯動的控制項id

function sel_change(orgsel_id, sel_id)

var jsoninfo = eval('(' + goodstypeinfo +')');

if(undefined != jsoninfo && 0 < jsoninfo.length) }

}else }}

} };

//通過貨物細類中goodstype查詢貨物大類的id

function sel_goodstypechangeid(orgsel_id, sel_id)

var jsoninfo= eval('(' + goodstypeclassifyinfo +')');

if(undefined != jsoninfo && 0 < jsoninfo.length) };

for(var nloop = 0; nloop < jsoninfo.length; nloop ++)

};};

};1.5 後台**已貨物大類為例

/*** 查詢所有貨品大類(下拉框效果)

*/public string getgoodstypeclassify() catch (exception e)

string errormsg = "";

mapresult = new hashmap();

listgoodstypeclassifylist = goodstypeclassifyservice

.getallgoodstypename();

if (null == goodstypeclassifylist || 0 >= goodstypeclassifylist.size())

if (!"".equals(errormsg))

jsonarray jarr = new jsonarray();

jsonobject rowobj = null;

for (goodstypeclassify goodstypeclassify : goodstypeclassifylist)

result.put("errormsg", errormsg);

result.put("goodstypeclassifyinfo", jarr);

this.getrequest().setattribute("gson_result_object", result);

return "ajax";

}

二級聯動,多級聯動

首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...

二級聯動 js

在html部分只寫兩個select標籤 option標籤將用js的方法寫入 onchange 內容發生改變事件 用於select下拉列表中後的內容發生改變時候的觸發 核心部分就是js裡面的內容 建立乙個物件data來儲存資料 data 首先通過for迴圈來新增第一級裡面的內容 province va...

Ajax 二級聯動

準備工作匯入vue jquery的js包 導包部分省略不寫 接下來應該先寫html頁面的 姓名 級部 請選擇級部 班級 請選擇班級 性別 男 請選擇省 省請選擇市 市愛好 籃球 足球 排球 簡介 接下來是jquery的例項 控制器 例項部分 查詢年級的表 return 年級表查詢的結果集 respo...