关于级联

js内容：
   function change(){
    var obj = document.getElementById("jslx"); 
    var txtShowHidden1 = document.getElementById("ShowHidden1");
    var txtShowHidden2 = document.getElementById("ShowHidden2");
    if (obj.value == "ZHUYE") 
{ 
   txtShowHidden1.style.display = "block"; 
   txtShowHidden2.style.display = "none";
}else if(obj.value == "YEYU"){
   txtShowHidden1.style.display = "none"; 
   txtShowHidden2.style.display = "block";
}
   }
body部分：
    <tr>
       <td align="right" class="text3" width="15%"><s:text name="类型"></s:text></td>
       <td width="35%"><s:select name="jslx" list="#request.jslx" listKey="itemCode" 
                        listValue="itemName"  headerKey="-1" headerValue="%{getText('page.select.please')}"
      onfocus="this.className='select_200px'" 
                        onchange="change()"    onblur="this.className='select200px'"cssClass="select200px"/>                   
                        </td>
    </tr>   下拉列表中有两个值，一个是外部类型，一个内部类型，当选择内部类型的时候，及显示一个文本框，如下：
   
    <tr>
        <td align="right" class="text3" width="15%"><s:text name="人员名称"></s:text></td>
        <td width="35%">
                <s:select name="ryid" list="#request.ryid" listKey="id" listValue="ryxm"  headerKey="-1" headerValue="%{getText('page.select.please')}"
onfocus="this.className='select_200px'" onblur="this.className='select200px'" cssClass="select200px"/></td>
    </tr>    如果要选择外部类型的时候将上面的文本框隐藏。    应该怎么写，请各位帮帮忙！在线等！