select下拉菜单联动

在DW里用select编写的两个菜单，怎么实现第一个选择一个选项第二个显示相关选项？最好有代码演示！！！... 在DW里用select编写的两个菜单，怎么实现第一个选择一个选项第二个显示相关选项？最好有代码演示！！！展开

 我来答

你的回答被采纳后将获得：
系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏50（财富值+成长值）

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

小萝卜频道
推荐于2016-05-30 · 超过49用户采纳过TA的回答

知道答主

回答量：123

采纳率：0%

帮助的人：86.9万

我也去答题访问个人页

关注

展开全部

<script language="javascript" type="text/javascript">
var subsmallclass=new Array();
subsmallclass[0]=new Array("床上用品","尿布");
subsmallclass[1]=new Array("床上用品","四件套");
subsmallclass[2]=new Array("家具用品","沙发");
subsmallclass[3]=new Array("家具用品","餐桌");

function addsmallclass(bigclassvalue,smallclassvalue){
document.getElementById("smclassname").length=0;
document.getElementById("smclassname").options[0]=new Option("==请选择子类目==","")
for (var i=0;i<subsmallclass.length;i++){
  if (subsmallclass[i][0]==bigclassvalue){
     document.getElementById("smclassname").options[document.getElementById("smclassname").length]=new Option(subsmallclass[i][1],subsmallclass[i][1]);
 }
  }
  for (var J=0;J<document.getElementById("smclassname").length;J++){
     if (document.getElementById("smclassname").options[J].value==smallclassvalue){
 document.getElementById("smclassname").options[J].selected=true;
 }
  }
}
</script>
----------------------以上是添加在<head></head>之间的JS脚本用来实现联动-------------------

----------------------以下代码是添加在<body></body>是一个表单--------------------------------------
<select id="bgclassname" name="bgclassname" onchange="addsmallclass(this.options[this.selectedIndex].value)">
<option value="">==请选择一级类目==</option>
<option value="床上用品">床上用品</option><option value="家具用品">家具用品</option>
</select>

<select id="smclassname" name="smclassname">
<option value="">==请选择子类目==</option>
</select>
---------------------------------------------以上代码亲测已实现联动-------------------------------------


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

select下拉菜单联动

其他类似问题

为你推荐：