js下拉级联例子
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>下拉级联例子</title><script type="text/javascript">//存放着所属关系:这里文件名0和文件名2属于部门二的，fileid作为option中value属性的值var arr = new Array(); arr[0]=new Array("文件名0","fileid","orgid2"); arr[1]=new Array("文件名1","fileid1","orgid1"); arr[2]=new Array("文件名2","fileid2","orgid2"); function selectOrg(index,orgid){var obj=document.getElementById('sfile'); var i; obj.options.length=0;//清除原来的下拉项 for (i=0;i < arr.length; i++){ if (arr[i][2] == orgid&&arr[i][2]!=null){//创建新的下拉项，参数对应为("文本"、"值")如("文件名0"、"fileid") obj.options.add(new Option(arr[i][0],arr[i][1])); } } if(obj.options.length==0){ obj.options.add(new Option("请选择","0")); //未选择时 } }</script></head><body ><p>某部门下有某些文件:如果是用struts1标签<html:select>，用styleId属性相当于id</p><hr/><table><tr> <td> <select id="fileCatalogId" value="" onchange="selectOrg(this.selectedIndex,this.options[this.selectedIndex].value)" ><option value="0">请选择</option><option value="orgid1">部门一</option><option value="orgid2">部门二</option> </select> </td> <td><select id="sfile" value=""> <option value="0">请选择</option></select> </td></tr></table></body>?