jsp中,使用js生成动态的数据库相关的二级联动下拉框
来源:互联网 发布:硬件温度检测软件 编辑:程序博客网 时间:2024/05/18 17:58
<head>
<title>后台产品添加</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
<link href="../INC/Style.Css" rel="stylesheet" type="text/css">
<title>后台产品添加</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
<link href="../INC/Style.Css" rel="stylesheet" type="text/css">
<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
<%
int count = 0;
rs = Conn.executeQuery("select * from ego_smallsort order by Sid");//读取数据
while(rs.next())
{
String sname=new String(rs.getString("Sname").getBytes("GBK"),"ISO8859_1");//转换字符类型
%>
subcat[<%=count%>] = new Array("<%=sname%>","<%=rs.getInt("Bid")%>","<%=rs.getInt("Sid")%>");//产生数组
<%
count = count + 1;
}
%>
onecount=<%=count%>;
var onecount;
onecount=0;
subcat = new Array();
<%
int count = 0;
rs = Conn.executeQuery("select * from ego_smallsort order by Sid");//读取数据
while(rs.next())
{
String sname=new String(rs.getString("Sname").getBytes("GBK"),"ISO8859_1");//转换字符类型
%>
subcat[<%=count%>] = new Array("<%=sname%>","<%=rs.getInt("Bid")%>","<%=rs.getInt("Sid")%>");//产生数组
<%
count = count + 1;
}
%>
onecount=<%=count%>;
function changelocation(id)
{
document.form1.smallsortselect.length = 0;
{
document.form1.smallsortselect.length = 0;
var id=id;
var i;
document.form1.smallsortselect.options[0] = new Option('选择二级分类','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == id)
{
document.form1.smallsortselect.options[document.form1.smallsortselect.length] = new Option(subcat[i][0], subcat[i][2]);
}
}
}
</script>
</head>
<body bgcolor="#FFFFFF">
var i;
document.form1.smallsortselect.options[0] = new Option('选择二级分类','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == id)
{
document.form1.smallsortselect.options[document.form1.smallsortselect.length] = new Option(subcat[i][0], subcat[i][2]);
}
}
}
</script>
</head>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="180" height="20" align="right">选择一级分类:</td>
<td width="320">
<select name="bigsortselect" onChange="changelocation(document.form1.bigsortselect.options[document.form1.bigsortselect.selectedIndex].value)" size="1">
<option value="2">请选择一级分类</option>
<%
rs = Conn.executeQuery("select * from ego_bigsort order by Bid");
while(rs.next())
{
String Bname = new String(rs.getString("Bname").getBytes("GBK"),"ISO8859_1");
System.out.println(Bname);
%>
<option value="<%=rs.getInt("Bid")%>"><%=Bname%></option>
<%
}
%>
</select><br>
</td>
</tr>
<br>
<tr>
<td height="20" align="right">选择二级分类:</td>
<td>
<select name="smallsortselect">
<option value="" selected>请选择二级分类</option>
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="180" height="20" align="right">选择一级分类:</td>
<td width="320">
<select name="bigsortselect" onChange="changelocation(document.form1.bigsortselect.options[document.form1.bigsortselect.selectedIndex].value)" size="1">
<option value="2">请选择一级分类</option>
<%
rs = Conn.executeQuery("select * from ego_bigsort order by Bid");
while(rs.next())
{
String Bname = new String(rs.getString("Bname").getBytes("GBK"),"ISO8859_1");
System.out.println(Bname);
%>
<option value="<%=rs.getInt("Bid")%>"><%=Bname%></option>
<%
}
%>
</select><br>
</td>
</tr>
<br>
<tr>
<td height="20" align="right">选择二级分类:</td>
<td>
<select name="smallsortselect">
<option value="" selected>请选择二级分类</option>
</select>
</td>
</tr>
<tr>
<td height="20" colspan="2" align="center"><input type="submit" name="Submit" value="提交"></td>
</tr>
<script LANGUAGE="JavaScript">
changelocation(document.form1.bigsortselect.options[document.form1.bigsortselect.selectedIndex].value); //将一级分类的value传给changelocation()函数,生成二级分类的列表
</tr>
<tr>
<td height="20" colspan="2" align="center"><input type="submit" name="Submit" value="提交"></td>
</tr>
<script LANGUAGE="JavaScript">
changelocation(document.form1.bigsortselect.options[document.form1.bigsortselect.selectedIndex].value); //将一级分类的value传给changelocation()函数,生成二级分类的列表
</script>
</table>
</form>
</table>
</form>
</body>
</html>
</html>
- jsp中,使用js生成动态的数据库相关的二级联动下拉框
- jsp中,使用js生成动态的数据库相关的二级联动下拉框
- 二级联动的下拉框
- 动态二级下拉框联动(二级数据从数据库中获取)
- js实现的下拉框二级联动效果
- jsp+js实现的二级联动菜单
- jsp+js实现的二级联动菜单
- 使用Ajax和Jquery配合数据库实现下拉框的二级联动
- 【Angular】二级联动:如何从js二级联动,下拉框内容为动态查询
- ajax jsp中二级下拉框联动 固定数据
- 简单的下拉框二级联动
- 关于extjs的下拉框二级联动
- Jeesite下拉框的二级联动
- JS结合数据库的二级联动菜单
- 下拉列表的二级联动
- 关于二级联动/三级联动下拉框的示例代码
- js关于省市的二级下拉菜单联动
- [js]实现简单的省市二级联动下拉选择菜单
- JSP避免Form重复提交的三种方案
- JavaScript通用库
- EJB3.0概览
- 从"在 Internet Explorer 中使用 Windows 窗体控件"开始谈Smart Client
- 页面返回被清空的解决办法
- jsp中,使用js生成动态的数据库相关的二级联动下拉框
- 显示驱动教程(2)
- Smart Client智能客户端技术初探
- 如何快速知道一个中文的UTF8码
- 百宝箱平台WAP Push接口示例
- 在ASP.NET中访问DataGrid中所有控件的值
- Why ?
- 页面中的flash
- Offline Application Block 配置和安全注意事项