JSP中下拉框问题
最近在做毕业设计中，遇到了下拉框的问题。我做的是奥运金牌榜。比如我在第一个下拉框中选择了：“举重”那么我想在第二个下拉框中显示出“举重”这一项目的所有级别（多少多少公斤）...
最近在做毕业设计中，遇到了下拉框的问题。我做的是奥运金牌榜。
比如我在第一个下拉框中选择了：“举重”
那么我想在第二个下拉框中显示出 “举重”这一项目的所有级别（多少多少公斤）
快毕业了，这问题卡住了，请大家帮帮我好么。
我才注册这个，愿意拿出10分。谢谢大家。 展开
比如我在第一个下拉框中选择了：“举重”
那么我想在第二个下拉框中显示出 “举重”这一项目的所有级别（多少多少公斤）
快毕业了，这问题卡住了，请大家帮帮我好么。
我才注册这个，愿意拿出10分。谢谢大家。 展开
2个回答
展开全部
这个问题很好解决
给你一个例子吧 把它改动一下 你就可以赶紧去解决你碰到的问题了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>3级级联下拉列表 </TITLE>
<META http-equiv="content-type" CONTENT="text/html;charset=gb2312">
<META NAME="Author" CONTENT="CZH;czh44@sohu.com">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*--------------------------------\
| Authored by CZH;czh44@sohu.com |
\--------------------------------*/
var types="家电,服饰,家具,日用";
var sub_types_str="电视机,洗衣机,电冰箱,空调|外套,衬衣,大衣,裤子|书桌,书柜,饭桌,衣柜|清洁,洗发,纸品,厨房";
var sub_types_str2="海尔,海信,长虹,夏华^惠尔,浦海尔,海鸥^海尔,飞利浦,爱立信^志高,科龙,海尔,长虹"
+"|"
+"外套1,外套2,外套3,外套4^衬衣1,衬衣2,衬衣3^大衣1,大衣2,大衣3^裤子1,裤子2"
+"|"
+"书桌1,书桌2,书桌3^书柜1,书柜2^饭桌1,饭桌2,饭桌3^衣柜1,衣柜2"
+"|"
+"清洁1,清洁2,清洁3^洗发1,洗发2,洗发3^纸品1,纸品2,纸品3^厨房1,厨房2,厨房3"
var type_ids_str="0,1,2,3";
var subtype_ids_str="001,002,003,004|101,102,103,104|201,202,203,204|301,302,303,304";
var subtype_ids_str2="0011,0012,0013,0014^0021,0022,0023^0031,0032,0033^0041,0042,0043,0044"
+"|"
+"1011,1012,1013,1014^1021,1022,1023^1031,1032,1033^1041,1042"
+"|"
+"2011,2012,2013^2021,2022^2031,2032,2033^2041,2042"
+"|"
+"3011,3012,3013^3021,3022,3023^3031,3032,3033^3041,3042,3043";
var the_split1=",";
var the_split2="|";
var the_split3="^";
var goods_types=types.split(the_split1);
var type_ids=type_ids_str.split(the_split1);
var sub_types=sub_types_str.split(the_split2); //元素为以,隔开的mode串
var subtypes_ids=subtype_ids_str.split(the_split2);
var sub_types2=sub_types_str2.split(the_split2);
var subtypes_ids2=subtype_ids_str2.split(the_split2);
var index1=0;
var index2=0;
function select()
{
with(document.goods.gtype)
{
var type_sel=options[selectedIndex].text;
}
for(var i=0;i<goods_types.length;i++)
{
if(goods_types[i]==type_sel)
{
index1 = i; //记录第一级下拉菜单被选项索引
var now_subtypes=sub_types[i].split(the_split1);
var now_subtype_ids=subtypes_ids[i].split(the_split1);
document.goods.gsub_type.options.length=0;
document.goods.gsub_type.options.length=now_subtypes.length;
with(document.all.goods.gsub_type)
{
for(var j=0;j<now_subtypes.length;j++)
{
options[j].text=now_subtypes[j];
options[j].value=now_subtype_ids[j];
}
}
break;
}
}
select2(); //当第2级变化时,同时变化第3级下拉列表
}
//-------
function select2()
{
with(document.goods.gsub_type)
{
var subtype_sel=options[selectedIndex].text;
}
var subtypes_second = sub_types[index1].split(the_split1);
for(var i=0;i<subtypes_second.length;i++)
{
if(subtypes_second[i]==subtype_sel)
{
index2 = i; //记录第二级下拉菜单被选项索引
var now_subtypes_second=sub_types2[index1].split(the_split3);
var now_subtypes_three=now_subtypes_second[index2].split(the_split1);
var now_subtype_ids_second=subtypes_ids2[index1].split(the_split3);
var now_subtype_ids_three=now_subtype_ids_second[index2].split(the_split1);
document.goods.gsub_type2.options.length=0;
document.goods.gsub_type2.options.length=now_subtypes_three.length;
with(document.all.goods.gsub_type2)
{
for(var k=0;k<now_subtypes_three.length;k++)
{
options[k].text=now_subtypes_three[k];
options[k].value=now_subtype_ids_three[k];
}
}
break;
}
}
}
//
function initial_select()
{
document.goods.gtype.length=goods_types.length;
with(document.goods.gtype)
{
for(var i=0;i<goods_types.length;i++)
{
options[i].text=goods_types[i];
options[i].value=type_ids[i];
}
options[selectedIndex].text=goods_types[0];
options[selectedIndex].value=type_ids[0];
}
var now_subtypes2=sub_types[0].split(the_split1);
//初始化第2级下拉列表
var now_subtype_ids2=subtypes_ids[0].split(the_split1);
document.goods.gsub_type.options.length=now_subtypes2.length;
with(document.goods.gsub_type)
{
for(var j=0;j<now_subtypes2.length;j++)
{
options[j].text=now_subtypes2[j];
options[j].value=now_subtype_ids2[j];
}
}
//初始化第3级下拉列表
var temp_subtypes3=sub_types2[0].split(the_split3);
var now_subtypes3=temp_subtypes3[0].split(the_split1);
var temp_subtype_ids3=subtypes_ids2[0].split(the_split3);
var now_subtype_ids3=temp_subtype_ids3[0].split(the_split1);
document.goods.gsub_type2.options.length=now_subtypes3.length;
with(document.goods.gsub_type2)
{
for(var j=0;j<now_subtypes3.length;j++)
{
options[j].text=now_subtypes3[j];
options[j].value=now_subtype_ids3[j];
}
}
}
//-->
</SCRIPT>
<BODY>
<form name="goods">
<select name="gtype" onchange="select()" style="width:100">
</select>
<select name="gsub_type" onchange="select2()" style="width:100">
</select>
<select name="gsub_type2" style="width:100">
</select>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
initial_select();
//-->
</SCRIPT>
</BODY>
</HTML>
给你一个例子吧 把它改动一下 你就可以赶紧去解决你碰到的问题了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>3级级联下拉列表 </TITLE>
<META http-equiv="content-type" CONTENT="text/html;charset=gb2312">
<META NAME="Author" CONTENT="CZH;czh44@sohu.com">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*--------------------------------\
| Authored by CZH;czh44@sohu.com |
\--------------------------------*/
var types="家电,服饰,家具,日用";
var sub_types_str="电视机,洗衣机,电冰箱,空调|外套,衬衣,大衣,裤子|书桌,书柜,饭桌,衣柜|清洁,洗发,纸品,厨房";
var sub_types_str2="海尔,海信,长虹,夏华^惠尔,浦海尔,海鸥^海尔,飞利浦,爱立信^志高,科龙,海尔,长虹"
+"|"
+"外套1,外套2,外套3,外套4^衬衣1,衬衣2,衬衣3^大衣1,大衣2,大衣3^裤子1,裤子2"
+"|"
+"书桌1,书桌2,书桌3^书柜1,书柜2^饭桌1,饭桌2,饭桌3^衣柜1,衣柜2"
+"|"
+"清洁1,清洁2,清洁3^洗发1,洗发2,洗发3^纸品1,纸品2,纸品3^厨房1,厨房2,厨房3"
var type_ids_str="0,1,2,3";
var subtype_ids_str="001,002,003,004|101,102,103,104|201,202,203,204|301,302,303,304";
var subtype_ids_str2="0011,0012,0013,0014^0021,0022,0023^0031,0032,0033^0041,0042,0043,0044"
+"|"
+"1011,1012,1013,1014^1021,1022,1023^1031,1032,1033^1041,1042"
+"|"
+"2011,2012,2013^2021,2022^2031,2032,2033^2041,2042"
+"|"
+"3011,3012,3013^3021,3022,3023^3031,3032,3033^3041,3042,3043";
var the_split1=",";
var the_split2="|";
var the_split3="^";
var goods_types=types.split(the_split1);
var type_ids=type_ids_str.split(the_split1);
var sub_types=sub_types_str.split(the_split2); //元素为以,隔开的mode串
var subtypes_ids=subtype_ids_str.split(the_split2);
var sub_types2=sub_types_str2.split(the_split2);
var subtypes_ids2=subtype_ids_str2.split(the_split2);
var index1=0;
var index2=0;
function select()
{
with(document.goods.gtype)
{
var type_sel=options[selectedIndex].text;
}
for(var i=0;i<goods_types.length;i++)
{
if(goods_types[i]==type_sel)
{
index1 = i; //记录第一级下拉菜单被选项索引
var now_subtypes=sub_types[i].split(the_split1);
var now_subtype_ids=subtypes_ids[i].split(the_split1);
document.goods.gsub_type.options.length=0;
document.goods.gsub_type.options.length=now_subtypes.length;
with(document.all.goods.gsub_type)
{
for(var j=0;j<now_subtypes.length;j++)
{
options[j].text=now_subtypes[j];
options[j].value=now_subtype_ids[j];
}
}
break;
}
}
select2(); //当第2级变化时,同时变化第3级下拉列表
}
//-------
function select2()
{
with(document.goods.gsub_type)
{
var subtype_sel=options[selectedIndex].text;
}
var subtypes_second = sub_types[index1].split(the_split1);
for(var i=0;i<subtypes_second.length;i++)
{
if(subtypes_second[i]==subtype_sel)
{
index2 = i; //记录第二级下拉菜单被选项索引
var now_subtypes_second=sub_types2[index1].split(the_split3);
var now_subtypes_three=now_subtypes_second[index2].split(the_split1);
var now_subtype_ids_second=subtypes_ids2[index1].split(the_split3);
var now_subtype_ids_three=now_subtype_ids_second[index2].split(the_split1);
document.goods.gsub_type2.options.length=0;
document.goods.gsub_type2.options.length=now_subtypes_three.length;
with(document.all.goods.gsub_type2)
{
for(var k=0;k<now_subtypes_three.length;k++)
{
options[k].text=now_subtypes_three[k];
options[k].value=now_subtype_ids_three[k];
}
}
break;
}
}
}
//
function initial_select()
{
document.goods.gtype.length=goods_types.length;
with(document.goods.gtype)
{
for(var i=0;i<goods_types.length;i++)
{
options[i].text=goods_types[i];
options[i].value=type_ids[i];
}
options[selectedIndex].text=goods_types[0];
options[selectedIndex].value=type_ids[0];
}
var now_subtypes2=sub_types[0].split(the_split1);
//初始化第2级下拉列表
var now_subtype_ids2=subtypes_ids[0].split(the_split1);
document.goods.gsub_type.options.length=now_subtypes2.length;
with(document.goods.gsub_type)
{
for(var j=0;j<now_subtypes2.length;j++)
{
options[j].text=now_subtypes2[j];
options[j].value=now_subtype_ids2[j];
}
}
//初始化第3级下拉列表
var temp_subtypes3=sub_types2[0].split(the_split3);
var now_subtypes3=temp_subtypes3[0].split(the_split1);
var temp_subtype_ids3=subtypes_ids2[0].split(the_split3);
var now_subtype_ids3=temp_subtype_ids3[0].split(the_split1);
document.goods.gsub_type2.options.length=now_subtypes3.length;
with(document.goods.gsub_type2)
{
for(var j=0;j<now_subtypes3.length;j++)
{
options[j].text=now_subtypes3[j];
options[j].value=now_subtype_ids3[j];
}
}
}
//-->
</SCRIPT>
<BODY>
<form name="goods">
<select name="gtype" onchange="select()" style="width:100">
</select>
<select name="gsub_type" onchange="select2()" style="width:100">
</select>
<select name="gsub_type2" style="width:100">
</select>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
initial_select();
//-->
</SCRIPT>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-06-09 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
JSP中下拉框使用的方法：
举例说明，在供应商的页面中有如下下拉框：
<td>请选择供应商：</td>
<td>
<select>
<%
ProDaoimpl pdi=new ProDaoimpl();
ProviderServiceimpl psi=new ProviderServiceimpl();
psi.setPdi(pdi);
List<Pro> list=pdi.sel();
Pro p=new Pro();
if(list!=null)
for(int i=0;i<list.size();i++){
p=list.get(i);
%>
<option name="pid" value="<%=p.getPdi() %>"><%=p.getPname() %></option>
<%} %>
</select>
</td>
</tr>
以上option的值是通过循环获取到pdi后填充的。
实现的效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
