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程序设计有所帮助。