主頁(yè) > 知識(shí)庫(kù) > jsp中select的onchange事件用法實(shí)例

jsp中select的onchange事件用法實(shí)例

熱門(mén)標(biāo)簽:團(tuán)購(gòu)網(wǎng)站 阿里云 服務(wù)器配置 銀行業(yè)務(wù) 科大訊飛語(yǔ)音識(shí)別系統(tǒng) 電子圍欄 Mysql連接數(shù)設(shè)置 Linux服務(wù)器

本文實(shí)例講述了jsp中select的onchange事件用法。分享給大家供大家參考,具體如下:

script language = "JavaScript"> 
 var onecount; 
 onecount=0; 
 subcat = new Array(); 
 % 
 int count = 0; 
 java.sql.ResultSet rs1 = DBManage.executeQuery("select hydm,zhydm,zhymc from zhy ");//讀取數(shù)據(jù) 
 while(rs1.next()) 
 { 
 String selhydm=rs1.getString("hydm").trim(); 
 String zhydm=rs1.getString("zhydm").trim(); 
 String zhymc=rs1.getString("zhymc").trim(); 
 %> 
 subcat[%=count%>] = new Array("%=zhydm%>","%=selhydm%>","%=zhymc%>");//產(chǎn)生數(shù)組 
 % 
 count = count + 1; 
 } 
 if(rs1!=null) DBManage.closeCOnn(); 
 %> 
 onecount=%=count%>; 
 function changelocation(id) 
 { 
 document.form1.selzhy.length = 0; 
 var hydm=id; 
 var i; 
 document.form1.selzhy.options[0] = new Option('選擇子行業(yè)分類(lèi)',''); 
 for (i=0;i  onecount; i++) 
 { 
 if (subcat[i][1] == hydm) 
 { 
 document.form1.selzhy.options[document.form1.selzhy.length] = new Option(subcat[i][2], subcat[i][0]); 
 }   
 } 
 } 
/script> 
table width="500" border="0" cellspacing="0" cellpadding="0" align="center"> 
 tr> 
 td width="180" height="20" align="right">選擇行業(yè)分類(lèi):/td> 
 td width="320"> 
 select name="selhy" onChange="changelocation(document.form1.selhy.options[document.form1.selhy.selectedIndex].value)" size="1" > 
 option value="2">請(qǐng)選擇行業(yè)分類(lèi)/option> 
 % 
 rs = DBManage.executeQuery("select * from hy"); 
 while(rs.next()) 
 { 
  String hydm=rs.getString("hydm").trim(); 
  String hymc=rs.getString("hymc").trim(); 
 %> 
 option value="%=hydm%>">%=hymc%>/option> 
 % 
 } 
 if(rs!=null) DBManage.closeCOnn(); 
 %> 
 /select> 
 /td> 
 /tr> 
 tr> 
 td height="20" align="right">選擇子行業(yè)分類(lèi):/td> 
 td> 
 select name="selzhy" > 
 option value="" selected>請(qǐng)選擇子行業(yè)分類(lèi)/option> 
 /select> 
 /td> 
 /tr> 
/table>

form name=form1> 
 select name=province onchange="cityName(this.selectedIndex)"> 
  option value="">請(qǐng)選擇省名/option> 
 /select> 
 select name=city> 
  option value="">請(qǐng)選擇城名/option> 
 /select> 
 /form> 
 
 script language=javascript> 
 var city1 = ["杭州", "寧波", "溫州", "紹興", "金華", "湖州"]; 
 var city2 = ["南京", "蘇州", "無(wú)錫", "常州", "鎮(zhèn)江", "徐州"]; 
 var city3 = ["合肥", "翕縣", "黃山", "祁門(mén)", "休寧"]; 
 var city4 = ["南昌", "九江", "贛州", "上饒", "新余", "景德鎮(zhèn)"];  
 var provinceName = ["浙江", "江蘇", "安徽", "江西"]; 
 function province() 
 { 
   var e = document.form1.province; 
   for (var i=0; iprovinceName.length; i++) 
    e.options.add(new Option(provinceName[i], provinceName[i])); 
 } 
 function cityName(n) 
 { 
   var e = document.form1.city; 
   for (var i=e.options.length; i>0; i--)  e.remove(i); 
   if (n == 0) return; 
   var a = eval("city"+ n); //得到城市的數(shù)組名 
   for (var i=0; ia.length; i++) e.options.add(new Option(a[i], a[i])); 
 } 
 function window.onload() 
 { 
   province(); //初始時(shí)給省名下拉菜單賦內(nèi)容 
 } 
 /script>

希望本文所述對(duì)大家JSP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • Jquery多選下拉列表插件jquery multiselect功能介紹及使用
  • 封裝html的select標(biāo)簽的js操作實(shí)例
  • 淺析jQuery對(duì)select操作小結(jié)(遍歷option,操作option)
  • JSP頁(yè)面中如何用select標(biāo)簽實(shí)現(xiàn)級(jí)聯(lián)
  • 刪除select中所有option選項(xiàng)jquery代碼
  • JQuery中對(duì)Select的option項(xiàng)的添加、刪除、取值
  • jQuery動(dòng)態(tài)添加刪除select項(xiàng)(實(shí)現(xiàn)代碼)
  • js簡(jiǎn)單實(shí)現(xiàn)HTML標(biāo)簽Select聯(lián)動(dòng)帶跳轉(zhuǎn)
  • jquery模擬SELECT下拉框取值效果
  • jquery及原生js獲取select下拉框選中的值示例
  • Js操作Select大全(取值、設(shè)置選中等等)
  • js獲取select選中的option的text示例代碼
  • js select option對(duì)象小結(jié)
  • jQuery結(jié)合CSS制作漂亮的select下拉菜單
  • javascript中select下拉框的用法總結(jié)
  • JS、jQuery中select的用法詳解

標(biāo)簽:廣元 蚌埠 衡水 大理 衢州 江蘇 棗莊 萍鄉(xiāng)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jsp中select的onchange事件用法實(shí)例》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢(xún)

    • 400-1100-266