鍦ㄧ綉涓婃壘鍒扮殑浠ｇ爜錛岀幇鍦ㄦ鍦ㄧ敤錛屼竴瀹氬彲浠ョ敤銆傜◢鍔犳敼鍔紝鍙互浠庢暟鎹簱鍙栨暟鎹繘琛岃仈鍔紝璁や負(fù)姣旇緝緇忓吀銆?br /><html>
聽<head>
聽 <title>JS鑱斿姩涓嬫媺妗?lt;/title>
聽 <script language="javascript" >
聽 /*聽
**聽聽聽 ==================================================================================================聽
**聽聽聽 綾誨悕錛欳LASS_LIANDONG_YAO聽
**聽聽聽 鍔熻兘錛氬綰ц繛鍔ㄨ彍鍗暵?
**聽聽聽
**聽聽聽 浣滆咃細(xì)YAODAYIZI聽
**聽聽聽 ==================================================================================================聽
**/聽 聽
聽 function CLASS_LIANDONG_YAO(array)
聽 {
聽聽 //鏁扮粍錛岃仈鍔ㄧ殑鏁版嵁婧?br />聽 聽this.array=array;
聽 聽this.indexName='';
聽 聽this.obj='';
聽 聽//璁劇疆瀛怱ELECT
聽// 鍙傛暟錛氬綋鍓峯nchange鐨凷ELECT ID錛岃璁劇疆鐨凷ELECT ID
聽聽聽聽聽 this.subSelectChange=function(selectName1,selectName2)
聽 聽{
聽 聽//try
聽 聽//{
聽聽聽 var obj1=document.all[selectName1];
聽聽聽 var obj2=document.all[selectName2];
聽聽聽 var objName=this.toString();
聽聽聽 var me=this;
聽
聽聽聽 obj1.onchange=function()
聽聽聽 {
聽聽聽 聽
聽聽聽 聽me.optionChange(this.options[this.selectedIndex].value,obj2.id)
聽聽聽 }
聽 聽}
聽 聽//璁劇疆絎竴涓猄ELECT
聽// 鍙傛暟錛歩ndexName鎸囬変腑欏?selectName鎸噑elect鐨処D
聽 聽this.firstSelectChange=function(indexName,selectName)聽
聽 聽{
聽 聽this.obj=document.all[selectName];
聽 聽this.indexName=indexName;
聽 聽this.optionChange(this.indexName,this.obj.id)
聽 聽}
聽
聽 // indexName鎸囬変腑欏?selectName鎸噑elect鐨処D
聽 聽this.optionChange=function (indexName,selectName)
聽 聽{
聽聽聽 var obj1=document.all[selectName];
聽聽聽 var me=this;
聽聽聽 obj1.length=0;
聽聽聽 obj1.options[0]=new Option("璇烽夋嫨",'');
聽聽聽 for(var i=0;i<this.array.length;i++)
聽聽聽 {聽
聽聽聽
聽聽聽 聽if(this.array[i][1]==indexName)
聽聽聽 聽{
聽聽聽 聽//alert(this.array[i][1]+" "+indexName);
聽聽聽聽聽 obj1.options[obj1.length]=new Option(this.array[i][2],this.array[i][0]);
聽聽聽 聽}
聽聽聽 }
聽 聽}
聽 聽
聽 }
聽 </script>
聽</head>
聽<body>
聽 <form name="form1" method="post">
聽 聽
聽 聽<SELECT ID="s1" NAME="s1"聽 >
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<SELECT ID="s2" NAME="s2"聽 >
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<SELECT ID="s3" NAME="s3">
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<br>
聽 聽<br><br>
聽 聽<SELECT ID="x1" NAME="x1"聽 >
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<SELECT ID="x2" NAME="x2"聽 >
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<SELECT ID="x3" NAME="x3">
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<SELECT ID="x4" NAME="x4">
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽<SELECT ID="x5" NAME="x5">
聽聽聽 <OPTION selected></OPTION>
聽 聽</SELECT>
聽 聽
聽 </form>
聽</body>
聽
聽
聽<script language="javascript">
聽//渚嬪瓙1-------------------------------------------------------------
聽//鏁版嵁婧?br />聽 var array=new Array();
聽 array[0]=new Array("鍗庡崡鍦板尯","鏍圭洰褰?,"鍗庡崡鍦板尯"); //鏁版嵁鏍煎紡 ID錛岀埗綰D錛屽悕縐?br />聽 array[1]=new Array("鍗庡寳鍦板尯","鏍圭洰褰?,"鍗庡寳鍦板尯");
聽 array[2]=new Array("涓婃搗","鍗庡崡鍦板尯","涓婃搗");
聽 array[3]=new Array("騫夸笢","鍗庡崡鍦板尯","騫夸笢");
聽 array[4]=new Array("寰愬姹?,"涓婃搗","寰愬姹?);
聽 array[5]=new Array("鏅墭","涓婃搗","鏅墭");聽
聽 array[6]=new Array("騫垮窞","騫夸笢","騫垮窞");
聽 array[7]=new Array("婀涙睙","騫夸笢","婀涙睙");
聽 //--------------------------------------------
聽 //榪欐槸璋冪敤浠ｇ爜
聽 var liandong=new CLASS_LIANDONG_YAO(array) //璁劇疆鏁版嵁婧?br />聽 liandong.firstSelectChange("鏍圭洰褰?,"s1"); //璁劇疆絎竴涓夋嫨妗?br />聽 liandong.subSelectChange("s1","s2"); //璁劇疆瀛愮駭閫夋嫨妗?br />聽 liandong.subSelectChange("s2","s3");
聽
聽
聽//渚嬪瓙2-------------------------------------------------------------
聽//鏁版嵁婧惵?br />聽 var array2=new Array();//鏁版嵁鏍煎紡 ID錛岀埗綰D錛屽悕縐?br />聽 array2[0]=new Array("嫻嬭瘯嫻嬭瘯","鏍圭洰褰?,"嫻嬭瘯嫻嬭瘯");
聽 array2[1]=new Array("鍗庡寳鍦板尯","鏍圭洰褰?,"鍗庡寳鍦板尯");
聽 array2[2]=new Array("涓婃搗","嫻嬭瘯嫻嬭瘯","涓婃搗");
聽 array2[3]=new Array("騫夸笢","嫻嬭瘯嫻嬭瘯","騫夸笢");
聽 array2[4]=new Array("寰愬姹?,"涓婃搗","寰愬姹?);
聽 array2[5]=new Array("鏅墭","涓婃搗","鏅墭");聽
聽 array2[6]=new Array("騫垮窞","騫夸笢","騫垮窞");
聽 array2[7]=new Array("婀涙睙","騫夸笢","婀涙睙");
聽 array2[8]=new Array("涓嶇煡閬?,"婀涙睙","涓嶇煡閬?);
聽 array2[9]=new Array("5555","婀涙睙","555");
聽 array2[10]=new Array("++++","涓嶇煡閬?,"++++");
聽 array2[11]=new Array("111","寰愬姹?,"111");
聽 array2[12]=new Array("222","111","222");
聽 array2[13]=new Array("333","222","333");
聽 //--------------------------------------------
聽 //榪欐槸璋冪敤浠ｇ爜
聽 //璁劇疆鏁版嵁婧?br />聽 var liandong2=new CLASS_LIANDONG_YAO(array2);
聽 //璁劇疆絎竴涓夋嫨妗?br />聽 liandong2.firstSelectChange("鏍圭洰褰?,"x1");
聽 //璁劇疆瀛愰夋嫨妗?br />聽 liandong2.subSelectChange("x1","x2")
聽 liandong2.subSelectChange("x2","x3")
聽 liandong2.subSelectChange("x3","x4")
聽 liandong2.subSelectChange("x4","x5")
聽</script>
</html>
-----------------------------------------------------------------
娉細(xì)鍙鎶妚ar array=new Array();鐨勫兼敼涓轟粠鏁版嵁搴撲腑鍙栧埌鐨勫煎彲浠ュ拰鏁版嵁搴撹繛鎺ャ備緥瀛愬涓嬨傚彲浠ヤ豢鐓ц繘琛屾洿鏀?br /><script language="javascript">
//鏁版嵁婧?br />聽 var array=new Array();
聽<%
聽int count = 0;
String bm_id="",bm_name="",yh_id="",yh_name="";
behdResultSet rs1=null,rs2=null;
String s1=null,s2=null;
s1="select dept_id,dept_name from scm_dept001";
s2="select dept_id,user_id,user_name from scm_user001 where dept_id!=' ' and dept_id!='null'";
聽rs1 = mdb.executeQueryForPage(s1,1,100);//璇誨彇鏁版嵁
while(rs1.next())
{
聽bm_id=rs1.getString("dept_id");
聽bm_name=rs1.getString("dept_name");
%>
array[<%=count%>] = new Array("<%=bm_id%>","鏍圭洰褰?,"<%=bm_id%>-<%=bm_name%>");//浜х敓鏁扮粍
<%
聽聽聽聽聽聽聽 count = count + 1;
}
rs2=mdb.executeQueryForPage(s2,1,100);
while(rs2.next()){
聽yh_id=rs2.getString("user_id");
聽if(yh_id==null){
聽聽yh_id="";
聽聽}
聽bm_id=rs2.getString("dept_id");
聽if(bm_id==null){
聽聽bm_id="";
聽聽}
聽yh_name=rs2.getString("user_name");
聽if(yh_name==null){
聽聽yh_name="";
聽聽}
%>
array[<%=count%>] = new Array("<%=yh_id%>","<%=bm_id%>","<%=yh_id%>-<%=yh_name%>");
<%
聽count = count + 1;
}
%>
聽 //--------------------------------------------
聽 //榪欐槸璋冪敤浠ｇ爜
聽 var liandong=new CLASS_LIANDONG_YAO(array) //璁劇疆鏁版嵁婧?br />聽 liandong.firstSelectChange("鏍圭洰褰?,"s1"); //璁劇疆絎竴涓夋嫨妗?br />聽 liandong.subSelectChange("s1","s2"); //璁劇疆瀛愮駭閫夋嫨妗?br />聽</script>
]]>
<head>
<title>嫻嬭瘯</title>
</head>
<body>
<form name="form1" method="get" action="">
聽聽聽聽聽聽聽 <table width="70%" border="1" cellspacing=0>
聽聽聽聽聽聽聽聽聽 <tr>
聽聽聽聽聽聽聽聽聽聽聽 <td >鏄惁鍒鋒柊squid</td>
聽聽聽聽聽聽聽聽聽聽聽 <td>
聽聽聽聽聽聽聽聽聽聽聽聽聽 浣跨敤
聽聽聽聽聽聽聽聽聽聽聽聽聽 <input type="radio" name="refresh_flag4" value="1" onclick="tr_1.style.display=''">
聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽聽聽聽聽聽聽 涓嶇敤
聽聽聽聽聽聽聽聽聽聽聽聽聽 <input type="radio" name="refresh_flag4" value="0" checked onclick="tr_1.style.display='none'">
聽聽聽聽聽聽聽聽聽聽聽 </td>
聽聽聽聽聽聽聽聽聽 </tr>
聽<tr聽 id=tr_1>
聽聽聽聽聽聽 聽<td width="32%" bgcolor="#CCCCCC" height="32">squid璁懼綾誨瀷</td>
聽聽聽聽聽聽 聽<td ><input type='radio' name='squid_ref_flag'聽 value='1' >嫻嬭瘯</td>
聽聽聽聽聽聽 聽<td ><input type='radio' name='squid_ref_flag'聽 value='2' >嫻嬭瘯</td>
聽</tr>
</table>
</form>
</body>
<script language="javascript" type="text/JavaScript">
function checksquidflag()
{
聽 var obj = document.all("squid_ref_flag");
聽 //alert(obj);
聽 if(document.form1.refresh_flag4[1].checked){
聽聽聽聽聽 if(obj){
聽聽聽聽聽聽聽聽聽 for(i=0;i<obj.length; i++){
聽聽聽聽聽聽聽聽聽聽聽聽聽 obj[i].disabled = false;
聽聽聽聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽聽聽聽聽聽聽聽 obj[0].checked=true;
聽聽聽聽聽 }
聽 }
}
function init()
{
document.all["tr_1"].style.display="none";
}
init();
checksquidflag();
</script>
</html>
]]>