我的採用的是javabena+jsp
一個javabean
public ArrayList selectCourseInfo()throws Exception {//下拉框顯示課程信息
ArrayList list = new ArrayList();
try {
db.open();
ResultSet rs = db.select("select * from CourseInfo");
while (rs.next()) {
list.add(new CourseInfo(rs.getInt(1), rs.getString(2),rs.getString(3)));
}
} catch (Exception e) {
e.printStackTrace();
} finally {
db.close();
}
return list;
}
然後在jsp中調用
<tr><td>課 程:<select name="course">
<%try{
ArrayList list=m.selectCourseInfo();
if(list.isEmpty()){
out.println("沒有數據顯示");
}
for(int i=0;i<list.size();i++){
CourseInfo c=(CourseInfo)list.get(i);%>
<option><%=c.getName()%></option>
<%}}
catch(Exception e){}
%></select>
</td></tr>
這樣就可以動態的顯示了
Ⅱ 如何用js獲取下拉框dropdownlist顯示的值
這么寫就可以獲得1、2、3對應的A、B、C了
var select = document.getElementById("ddlType");
alert(select.options[select.selectedIndex].innerText);
Ⅲ JSP中下拉框是從資料庫中讀取的。當下拉框選擇是,後面的文本框顯示對應的信息,如何做最好有例子
本人用的PHP,其實思路應該是差不多的。
我用的是AJAX,對每次下拉框的onchange事件,作一次非同步請求,請求的當然就是伺服器的處理程序了(一般是查詢資料庫),獲取返回的json結果,然後再通過JS顯示在後面的文本框
下面是分類聯動選擇的部分JS代碼:
//子級category選擇
getChildCategory:function(p,c,g){
//$("#pArea").live('change',function(){
varparent_id=$("#"+p).val();
if(parent_id==0){
returnfalse;
//$("#"+c).hide();
//$("#"+g).hide();
}
$.ajax({
type:"POST",
url:"include/getNextCategory.php?type=child",
dataType:"json",
data:{"parent_id":parent_id},
success:function(json){
if(json.success==1){
//alert("這里能執行???");
//$("#"+c).show();
$("#"+c).html("");
$("#"+c).append(json.next_category);
//$("#"+c).get(0).selectedIndex=0;
$("#"+g).html("");
}else{
//alert("failed");
//$("#"+c).html("<option>其他</option>");
}
}
});
//alert(p_category+">"+c_category+">"+g_category);
$("#category").val(p_category+">"+c_category+">"+g_category);
},
後台程序也很簡單:
if($type=='child'){
$query="SELECTcid,nameFROMai_categoryWHEREpid='$pid'";
}
if($type=='grand'){
$query="SELECTcid,nameFROMai_categoryWHEREpid='$cid'";
}
$db->query($query);
$arr['next_category']="";
if($pid=='0'||$cid=='0'){
$arr['success']=0;
}
if($db->db_num_rows()>0){
$arr['success']=1;
while($row=$db->fetch_assoc()){
$arr['next_category'].="<optionvalue=".$row['cid'].">".$row['name']."</option>";
}
}else{
$arr['success']=0;
//echo"沒有查詢到子級區域";
}
echojson_encode($arr);
--本人技術比較菜,請見諒
Ⅳ JSP 實現兩個select下拉框的數據聯動,要求根據第一個下拉式選擇的內容聯動第二個下拉式。需要從資料庫中
採用什麼方式實現呢?
是頁面跳轉還是使用Ajax啊
說一下思路吧
頁面跳轉:
首先進入頁面的時候,第一個select的內容是從資料庫查詢出來的,這個很簡單就能實現。
然後在這個select控制項上加上onchange事件,onchange事件中獲取當選select選中的value
提交到後台,首先將頁面中的內容存起來,比如剛才的那個內容使用setAttribute,存起來,
然後在獲取一次第一個select控制項的信息,然後根據頁面被選中的那個value,查詢出第二個下拉框內容,然後就可以跳轉頁面了,跳轉到剛才那個頁面上,
之後1,將剛才setAttribute的值,設置到第一個select中,然後將剛剛查詢的第二個下拉框的值,設置到第二個select框中。可以使用標簽的形式等。許多辦法都能實現
採用iframe形式,
過程類似,只不過,這次不用setAttribute了,而採用js來將第二個下拉框設置上值就可以了
Ajax:
這種形式最簡單了,onchange事件直接提交後台,然後獲取第一個的value,關聯查詢出第二個下拉框的內容,然後返回前台的時候,通過js來修改第二個select
希望對你能有幫助
Ⅳ 用JS將資料庫中的值賦值給下拉列表框的問題
源代碼呢, 有,不過太多了, 不可能發出來的。給你講一下大致的思路吧,回你可以採用兩種形式。答
第一,採用純js,網上可以下到這樣的組件,js里包含省市縣級的地區信息,使用的時候只要引入這個js,然後給三個select綁定上特定的值,就可以實現聯動了。
第二,採用ajax,為省級別的及市級別的select綁定onchange事件,選擇省級別的select時,調用ajax,傳一個地區ID,取出這個省下所有的市級地區,以json的形式返回,然後在回調方法里把你取到的數據設置到市級的select中就行了。
順便說一下,如果你想在js文件里調用java代碼,你可以把js文件命名成jsp文件,然後在其它jsp頁面里可以這樣引用:<script type="text/javascript" src="../inc/area.jsp"></script>