很多時候在介面布局時我們會用到下拉列表,單獨的乙個列表與資料庫的互動很簡單,今天要記錄的是當有多個下拉列表聯動時,該怎樣獲取資料,即選擇第乙個下拉列表的值,動態的改變第二個下拉列表乃至更多列表的值。
1、在jsp中定義第乙個下拉列表,並且從servlet中獲取list列表讀取出option的value(此處關於el表示式以及c標籤的使用不在贅述)
getshoppe()" id="bra" name="brand" style="width: 75%;height: 40px; vertical-align: middle; line-height: 40px;">
選擇您購買的品牌
">
$
2、定義第二個下拉列表(這個下拉列表的option需要依賴第乙個下拉列表的改變而改變)
3、下拉列表的onchange()事件呼叫該方法(此方法中接收servlet傳入的json資料,需匯入json包在lib下)
functiongetshoppe(),function(data));
$("#shoppe").html(option);//將迴圈拼接的字串插入第二個下拉列表
$("#shoppe").show();//把第二個下拉列表展示
});
}else
}
4、新建乙個和方法中同名的servlet,根據資料庫讀出的資料,返回乙個json物件
out.print(json.tojsonstring(l));總的來說,我們要在頁面中非同步的實現兩個甚至多個select的聯動,需要在servlet中返回乙個json的物件,然後返回給js進行解析後賦值給option
聯動的日期下拉列表,相容IE,FF
測試瀏覽器 ie7,ff3 js var dangqian 31 function setday var day days month 1 本月天數 while dangqian day while day dangqian function addonload fn addonload setda...
用AJAX ASP實現的兩級聯動下拉列表
index.htm 請選擇請選擇 response.write 請選擇 1,if action province then sql select from class where parentid 0 ors.open sql,oconn,1,3 if not ors.eof or ors.bof ...
兩個實用的下拉列表聯動外掛程式
首先是ajax填充外掛程式filloptions,這個外掛程式可以通過ajax方法獲取資料並把資料新增到下拉列表框,資料格式支援xml格式和json格式,外掛程式定義如下 filloptions url,options 引數說明 options包括如下引數 datatype ajax請求返回的資料格...