关于二级联动的问题，有知道的请进来指点一二

onchange="if(this.value=='其他'){document.getElementById('sp').innerHTML='<input name=txt>';}else{document.getElementById('sp').innerHTML='';};" 再加一点，如果不是“其他”，就把text框去掉

我太懒惰了，给你拷贝下我们系统用到的：
changDepart(document.getElementById('wlw-select_key:{actionForm.strDeptID}'),document.getElementById('wlw-select_key:{actionForm.strGroupID}'));

     <%
     if(groupId!=null && groupId!="")
     {
     %>
     var j = document.getElementById('wlw-select_key:{actionForm.strGroupID}').length;
     for(i=0;i<j;i++)
     {
        if(document.getElementById('wlw-select_key:{actionForm.strGroupID}')[i].value == '<%=groupId%>')
          document.getElementById('wlw-select_key:{actionForm.strGroupID}')[i].selected = true;
     }
     <%
     }
     %>
    }
     function departIndexInfo(departInfo,groupInfo)
     {
           var i =departInfo.selectedIndex;
           delGroup(groupInfo);
           for(j=0;j<groupOp[i].length;j++)
           {
                groupInfo.add(groupOp[i][j]);
           }
     }
     function startLoadInfo()
     {
        departIndexInfo(document.getElementById('wlw-select_key:{actionForm.strDeptID}'),document.getElementById('wlw-select_key:{actionForm.strGroupID}'));
     }    function changDepart(depart,group)
    {

         delGroup(group);

         addDepAndGroup(depart,group);
    }

    function departList()
    {
          this.length =<%=depart.size()%>;
          <%
              for(int i=0;i<depart.size();i++)
              {
          %>
                  this[<%=i%>] =  new Option("<%=((Map)depart.get(i)).get("DEPARTMENT_NAME")%>","<%=((Map)depart.get(i)).get("DEPARTMENT_ID")%>");
          <%
              }
          %>
          return this;
    }

    function groupList()
    {
          this.length = <%=depart.size()%>;
          <%
              for(int i=0;i<depart.size();i++)
              {
          %>
                this[<%=i%>] = new Array(<%=((ArrayList)groupList.get(i)).size()%>);
          <%
                for(int j=0;j<((ArrayList)groupList.get(i)).size();j++)
                {
          %>
                    this[<%=i%>][<%=j%>] = new Option("<%=((MntGroupBean)((ArrayList)groupList.get(i)).get(j)).getStrGroupName()%>","<%=((MntGroupBean)((ArrayList)groupList.get(i)).get(j)).getStrGroupID()%>")
          <%
                }
              }
          %>
          return this;
    }

     departOp = new departList();
     groupOp = new groupList();
     function addDepAndGroup(depart,group)
    {
           var i =depart.selectedIndex;
           document.employeeForm.PID.value = arr_pid[i];
           for(j=0;j<groupOp[i].length;j++)
           {
                group.add(groupOp[i][j]);
           }
    }

    function delGroup(group)
    {
        var len = group.length;
        for(i=0;i<len;i++)
        {
            group.remove(0);
        }
     }

大概思想就是一个2维数组
this[<%=i%>][<%=j%>] = new Option("<%=((MntGroupBean)((ArrayList)groupList.get(i)).get(j)).getStrGroupName()%>","<%=((MntGroupBean)((ArrayList)groupList.get(i)).get(j)).getStrGroupID()%>")
然后添加
group.add(groupOp[i][j]);

onchange="if(this.options[this.options.selectedIndex].value=='其他'){document.getElementById('sp').innerHTML='<input name=txt>';}else{document.getElementById('sp').innerHTML='';};"

<select onchange="if(this.value=='其他'){document.getElementById('sp').innerHTML='<input name=txt>'}else{document.getElementById('sp').innerHTML=''};" name="sel">
<option value="sss">ssss</option>
<option value="222">ss222ss</option>
<option value="其他">其他</option>
</select>
<span id="sp"></span>我这里可以的啊
估计你的是“其它”，我的是“其他”

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function changeOption(objSource,objTarget)
{
var str=objSource.options[objSource.selectedIndex].txt
if(str)
{
str=str.replace(/(\[)/g,'<Option Value="')
str=str.replace(/(,)/g,'">')
str=str.replace(/(\])/g,'</Option>')
var reg = new RegExp("<(S|s)(E|e)(L|l)(E|e)(C|c)(T|t)[^<]*>","ig");
objTarget.outerHTML=objTarget.outerHTML.match(reg)+str+'</Select>';
}
}
</script>
<script type="text/javascript">

</script>
</head><body>
  <form name="frmRegister" method="post">
    <table>
      <td colspan="3"><select name="select" style="FONT-SIZE: 12px; WIDTH: 140px" onchange="changeOption(this,this.form.sltJobFunction)">
          <option value="" selected>--请选择职位大类--</option>
          <option value="计算机/互联网/通讯" txt="[计算机/互联网/通讯, 计算机/互联网/通讯][首席技术执行官,首席技术执行官]"> 计算机/互联网/通讯</option>
          <option value="财务/审计/统计/金融" txt="[财务/审计/统计/金融,财务/审计/统计/金融]"> 财务/审计/统计/金融</option>
          <option value="销售" txt="[销售,销售][市场/营销经理/主管,市场/营销经理/主管]"> 销售</option>
          <option value="生产/营运/工程" txt="[生产/营运/工程,生产/营运/工程]">生产/营运/工程</option>
          <option value="物流/贸易/采购" txt="[物流/贸易/采购,物流/贸易/采购]">物流/贸易/采购</option>
          <option value="文字/艺术/设计" txt="[文字/艺术/设计,文字/艺术/设计]">文字/艺术/设计</option>
          <option value="律师/法务" txt="[律师/法务,律师/法务][律师,律师]">律师/法务</option>
          <option value="文教体" txt="[文教体,文教体][教师,教师][教学/教务管理人员,教学/教务管理人员]">文教体</option>
          <option value="医护保健" txt="[医护保健,医护保健]">医护保健</option>
          <option value="咨询/顾问" txt="[咨询/顾问,咨询/顾问][专业顾问,专业顾问]"> 咨询/顾问</option>
          <option value="建筑/房地产" txt="[建筑/房地产,建筑/房地产]">建筑/房地产</option>
          <option value="服务" txt="[服务,服务][美容/健身顾问,美容/健身顾问][寻呼员/话务员,寻呼员/话务员]"> 服务</option>
          <option value="翻译类" txt="[翻译类,翻译类][技术翻译,技术翻译][其它语言,其它语言]">翻译类</option>
          <option value="其它" txt="[其它,其它][所有其它,所有其它]">其它</option>
        </select>
          
        <select name="sltJobFunction" id="sltJobFunction" style="FONT-SIZE: 12px; WIDTH: 140px">
          <option value="" selected>--请选择职位小类--</option>
        </select></td>
  </tr>
    </table>
  </form>
</body>
</html>

调试易

关于二级联动的问题，有知道的请进来指点一二

解决方案 »