2级级联菜单！

Question

先声明，小弟JS水平几乎为零，问题如果太简单了，也请大侠们不要喷我，小弟感激不尽！
描述：一个页面中2个select，select1有2个值，select2是从action里传回的一个数组“all”。
我想做的是：当选择了select1中值为“1”的选项时，select2就不要显示all里的值了。相反，当选择“2”时，那么select2中可以显示all中的数据。
部分代码如下：
<s:form action="" method="post" enctype="multipart/form-data"  name="myform" id="myform"><s:select  name="" id="select1" label="权限" list="#{'2':'仅项目组可见','1':'完全公开'}" onchange="return stateChange(myform)"/>

<s:select name="" id="select2" label="选择项目组" list="all" listKey="projectID" listValue="projectName" /> </s:form>
JS代码是网上看的，然后自己乱改的，肯定不行了，不过也贴出来请大家指教：
function stateChange(form) {   
                var m,i;   
                m = document.myform.selcet1.selectedIndex ;       
                if(m==1) {
                 for(i=0;i<50;i++)   
                      document.myform.select2.options[i].selected = true ;  
                    }     
      }   最好能直接告诉我解决办法，小弟急用啊，呵呵

Answer 1

<s:if test="#select1 == '1'">
<s:select name="" id="select2" label="选择项目组" list="all" listKey="projectID" listValue="projectName" />
</s:if>

Answer 2

好像不太行啊，大哥。明白你的意思，就是说当第一个选择“1”时，第2个select才能显示，不过好像真不太行。现在第2个select直接出不来了，无论第1个select选择的是什么。