jsp中select的onchange事件用法实例
本文实例讲述了jsp中select的onchange事件用法。分享给大家供大家参考,具体如下:
<scriptlanguage="JavaScript"> varonecount; onecount=0; subcat=newArray(); <% intcount=0; java.sql.ResultSetrs1=DBManage.executeQuery("selecthydm,zhydm,zhymcfromzhy");//读取数据 while(rs1.next()) { Stringselhydm=rs1.getString("hydm").trim(); Stringzhydm=rs1.getString("zhydm").trim(); Stringzhymc=rs1.getString("zhymc").trim(); %> subcat[<%=count%>]=newArray("<%=zhydm%>","<%=selhydm%>","<%=zhymc%>");//产生数组 <% count=count+1; } if(rs1!=null)DBManage.closeCOnn(); %> onecount=<%=count%>; functionchangelocation(id) { document.form1.selzhy.length=0; varhydm=id; vari; document.form1.selzhy.options[0]=newOption('选择子行业分类',''); for(i=0;i<onecount;i++) { if(subcat[i][1]==hydm) { document.form1.selzhy.options[document.form1.selzhy.length]=newOption(subcat[i][2],subcat[i][0]); } } } </script> <tablewidth="500"border="0"cellspacing="0"cellpadding="0"align="center"> <tr> <tdwidth="180"height="20"align="right">选择行业分类:</td> <tdwidth="320"> <selectname="selhy"onChange="changelocation(document.form1.selhy.options[document.form1.selhy.selectedIndex].value)"size="1"> <optionvalue="2">请选择行业分类</option> <% rs=DBManage.executeQuery("select*fromhy"); while(rs.next()) { Stringhydm=rs.getString("hydm").trim(); Stringhymc=rs.getString("hymc").trim(); %> <optionvalue="<%=hydm%>"><%=hymc%></option> <% } if(rs!=null)DBManage.closeCOnn(); %> </select> </td> </tr> <tr> <tdheight="20"align="right">选择子行业分类:</td> <td> <selectname="selzhy"> <optionvalue=""selected>请选择子行业分类</option> </select> </td> </tr> </table> <formname=form1> <selectname=provinceonchange="cityName(this.selectedIndex)"> <optionvalue="">请选择省名</option> </select> <selectname=city> <optionvalue="">请选择城名</option> </select> </form> <scriptlanguage=javascript> varcity1=["杭州","宁波","温州","绍兴","金华","湖州"]; varcity2=["南京","苏州","无锡","常州","镇江","徐州"]; varcity3=["合肥","翕县","黄山","祁门","休宁"]; varcity4=["南昌","九江","赣州","上饶","新余","景德镇"]; varprovinceName=["浙江","江苏","安徽","江西"]; functionprovince() { vare=document.form1.province; for(vari=0;i<provinceName.length;i++) e.options.add(newOption(provinceName[i],provinceName[i])); } functioncityName(n) { vare=document.form1.city; for(vari=e.options.length;i>0;i--)e.remove(i); if(n==0)return; vara=eval("city"+n);//得到城市的数组名 for(vari=0;i<a.length;i++)e.options.add(newOption(a[i],a[i])); } functionwindow.onload() { province();//初始时给省名下拉菜单赋内容 } </script>
希望本文所述对大家JSP程序设计有所帮助。