绝对一看就懂的jsp三级级联

来源：互联网发布：医学虚拟仿真软件编辑：程序博客网时间：2024/05/21 01:47

<select>的三级级联：

前两天有一个网友（刚参加工作）找我问jsp三级联的问题 ,其实这也比较简单（我让他到网上找一下，他说找的东不怎么看的懂），想着别人也不容易，也就帮他一下吧，当时我也就草写了一点代码，今天想了一下，可能还有这样需要的朋友，所以就把这代码帖出来供需要的人借鉴。在这里我先不多说废话，我们先看一个最为简单的 JSP 例子，我们通过该例子来互相学习、探讨、回味。

//第一个是我们要在页面上显示的

//第二个是相应的 Value 的值

//三四个是用来做相关判断的

var one;
var two;
var three;
//用来设置 select 的初始大小
window.attachEvent("onload",initCallPurposeDetailPage);
function initCallPurposeDetailPage()//初始化页面
{

  one=document.getElementById("select");
  two=document.getElementById("select1");
  three=document.getElementById("select2");

}

function a(tValue)
{

  if(tValue == 0){

  two.length=1;//当我们选择“请选择”时设置全部 select 的大小

  }
  else{

  two.length=1;
  three.length=1;
      for(i=1 ; i < arr.length;i++)
   {
       if((arr[i][2]==tValue))    {
     two.options[two.length]=new Option(arr[i][0],arr[i][1]);
    }
   }
  }
}
function b(tValue)
{
  if(tValue == "0")
  {
   three.length=1;//当我们选择“请选择”时设置全部 select 的大小
  }
  else
  {
   three.length=1;
      for(i=1 ; i < arr.length;i++)
   {
       if((arr[i][3]==tValue))
    {
     three.options[three.length]=new Option(arr[i][0],arr[i][3]);
    }
   }
  }
}
</script>

</head>

</select>
</form>
</body>
</html>