jsp两个下拉框问题

现在我有两个下拉框，如：第一个下拉框的值有：东莞，广州，汕头，深圳，江门，佛山，省中心，七个值。第二个下拉框有：组织维，技能组维，品牌维。现在要实现的功能是当我选的第一个下拉框的值是：东莞，广州，汕头，深圳，江门，佛山的时候，第二个下拉框的值可以随便选择查询，但当我选的是省中心的时候就只能选中品牌查询，如果是这样，那当我选省中心的时候如何只显示品牌维，把组织维，技能组给隐藏掉，或者把组织维，技能组给过滤掉，反正就是当选省中心的时候就只能显示品牌。请问这个问题怎么解决？高手帮忙。。两个下拉框的代码：第一个下拉框<select name="vdn" onchange="changeVdn(this);">
                           <option value="gz"${vdn== 'gz'?'selected':''}>广州</option>
   <option value="sz"${vdn== 'sz'?'selected':''}>深圳</option>
   <option value="fs"${vdn== 'fs'?'selected':''}>佛山</option>
   <option value="jm"${vdn== 'jm'?'selected':''}>江门</option>
<option value="st"${vdn== 'st'?'selected':''}>汕头</option>
<option value="dg"${vdn== 'dg'?'selected':''}>东莞</option>
<option value="vip"${vdn== 'vip'?'selected':''}>电客</option>
<option value="all"${vdn== 'all'?'selected':''}>省中心</option>     
                        </select>第二个下拉框：<select name="dept" id="dept" onclick="changeDim(this);">
       <option value="1010"${dept=='1010'?'selected':''}>组织维</option><!--  ${dept=='1010'?'selected':''}-->
                   <option value="1020"${dept=='1020'?'selected':''}>技能组维</option><!--${dept=='1020'?'selected':''}-->
                   <option value="1030"${dept=='1030'?'selected':''}>品牌维</option><!--${dept=='1030'?'selected':''}-->
</select>请哪位高手帮忙？？？？？谢谢了。

解决方案 »

  1.   

    JS 就可以搞定。
    onchange="changeVdn(this);"
    changeVdn 这个方法 判断
    value 为 'all'
    把id="dept" 的下拉框的值给重置。
      

  2.   

    就是下拉框联动的问题，用js，第一个下拉框的onchange事件，根据你的需要组织第二个下拉框的内容，.....
      

  3.   

    用AJAX可以实现, 你要的效果, 你这个就是二级联动
      

  4.   

    具体代码：
    <html>
    <head>
    <title>联动菜单</title> </head>
    <body>
    <form name="myForm">
    <select name="chapter" onchange="setSection(this.selectedIndex)">
    </select>
    <select name="section">
    </select>
    </form>
    <script language="javascript" type="text/javascript">
    <!--
    var section1 = new Array();
    section1[0] = ["组织维","section1.1"]
    section1[1] = ["技能组维","section1.2"]
    section1[2] = ["品牌维","section1.3"] var section2 = new Array();
    section2[0] = ["组织维","section2.1"]
    section2[1] = ["技能组维","section2.2"]
    section2[2] = ["品牌维","section2.3"]                        var section3 = new Array();
    section3[0] = ["组织维","section3.1"]
    section3[1] = ["技能组维","section3.2"]
    section3[2] = ["品牌维","section3.3"]                        var section4 = new Array();
    section4[0] = ["组织维","section4.1"]
    section4[1] = ["技能组维","section4.2"]
    section4[2] = ["品牌维","section4.3"]                        var section5 = new Array();
    section5[0] = ["组织维","section5.1"]
    section5[1] = ["技能组维","section5.2"]
    section5[2] = ["品牌维","section5.3"]                        var section6 = new Array();
    section6[0] = ["组织维","section6.1"]
    section6[1] = ["技能组维","section6.2"]
    section6[2] = ["品牌维","section6.3"]                        var section7 = new Array();
    section7[0] = ["组织维","section7.1"]

            var chapterArr = new Array();
            chapterArr[0] = ["东莞","chapter1",section1];
            chapterArr[1] = ["广州","chapter2",section2];
            chapterArr[2] = ["汕头","chapter3",section3];
            chapterArr[3] = ["深圳","chapter4",section4];
                            chapterArr[4] = ["江门","chapter5",section5];
                            chapterArr[5] = ["佛山","chapter6",section6];
                            chapterArr[6] = ["省中心","chapter7",section7];
                           
    //设置菜单联动
    function setSection(chapter)
    {
    //清除第2个下拉列表框中的所有选项
    for (var i=document.myForm.section.length-1;i>-1;i--)
    {
    document.myForm.section.remove(i);
    }
    //调用数组
    var arr = chapterArr[chapter][2];
    //通过循环添加选项
    for (var i=0;i<arr.length;i++)
    {
    document.myForm.section.options[i] = new Option(arr[i][0],arr[i][1]);
    }
    }

    //初始化第1个下拉列表框
    for (var i=0;i<chapterArr.length;i++)
    {
    document.myForm.chapter.options[i] = new Option(chapterArr[i][0],chapterArr[i][1]);
    }
    //初始化第2个下拉列表框
    setSection(0);
    -->
    </script>
    </body>
    </html>
      

  5.   

    楼主我弄了一个。你看看是不是你要的效果。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
    <script>
    function changeVdn(){
    var province = document.form1.province.value;
    selectType(province);
    } var Op_Arr=["1010","1020","1030"];
    var Op_Val=["组织维", "技能组维", "品牌维"];
    function selectType(str){
    var OP = document.form1.levelType;
    for(var i=0; i<OP.length; i++){
    OP.options[i] = null;
    }
        if(str == 'all')
        OP.options[0] = new Option(Op_Val[2],Op_Arr[2]);
        else{
        for(var i=0; i<Op_Arr.length; i++){
    OP.options[i] = new Option(Op_Val[i], Op_Arr[i]);
    }
        }
        }
      </script> </HEAD> <BODY>
    <form name="form1" method="post">
       <select name="province" onchange="changeVdn()">
    <option value="gz" selected>广州</option>
    <option value="sz">深圳</option>
    <option value="fs">佛山</option>
    <option value="jm">江门</option>
    <option value="st">汕头</option>
    <option value="dg">东莞</option>
    <option value="vip">电客</option>
    <option value="all">省中心</option>
    </select> <select name="levelType">
    <option value="1010">组织维</option>
    <option value="1020">技能组维</option>
    <option value="1030">品牌维</option>
    </select>
    </form>
     </BODY>
      
    </HTML>
      

  6.   

    家个事件  jaascrit 搞定