首页  >  文章  >  php教程  >  php与js做级联菜单

php与js做级联菜单

WBOY
WBOY原创
2016-06-08 17:32:471046浏览

很多朋友都在问题这个问题,大我都初学者了,今天我就把我自己的写的发出来吧,各位看了别笑啊.先看看php与js混合代码.


<script><br> function GetObjId(ObjName)<br> {<br> //alert(document.all.tags('select')[i].name);<br> for(i = 0; i < document.all.tags('select').length; i )<br /> {<br />   if (document.all.tags('select')[i].name == ObjName) {return(i);  break;}<br /> }<br /> return(-1);</p> }<p> <br />function Do_ToDo_Change(ObjName1, ObjName2, StatInt)<br /> {<br /> //document.forms[0].elements[0].name<br /> var id1, id2, tempstr, tempint<br /> var my_array = new Array();<br /> <?php<br /> $list='';<br /> for($i=1;$i<=12;$i ){<br />  $osql ="Select * from gx_newtype where gx_masterid=$i";<br />  $resul =mysql_query($osql) or die(mysql_error());<br />  while($res =mysql_fetch_array($resul)){  <br />   $list=$list.$res['id'].'|'.$res['gx_typename'].',';<br />  }<br />  ?><br>  my_array[<?php echo $i-1; ?>] = '<?php echo $list;?>';<br>  <?php<br />  $list='';<br /> }</p> ?></p> <p> <br><br> id1 = GetObjId(ObjName1);<br> id2 = GetObjId(ObjName2);<br> tempint = document.all.tags('select')[id2].length;<br> for(i = 1; i < tempint; i ) {document.all.tags('select')[id2].options[1] = null}<br /> if (document.all.tags('select')[id1].selectedIndex > StatInt - 1)<br> {<br>   tempstr = my_array[document.all.tags('select')[id1].selectedIndex - 1].split(",");<br>   for(i = 1; i <= tempstr.length; i ) {document.all.tags('select')[id2].options[i] = new Option(tempstr[i - 1].substr(tempstr[i - 1].indexOf("|") 1), tempstr[i - 1].substr(0,tempstr[i - 1].indexOf("|")))}<br /> }<br /> }</p> </script>

看了上面的代码后有些朋友可能会有些问号?就是这样怎么行呢?js怎么能和php这样放在一起呢,我想如果你真的提出这个问题了,我想你大概不明白,服务器端脚本在客户端脚本之前执行吧?现在明白了吗?

下面来看我们是怎么让它们级联的.

 


//这里是一级


//这里是子菜单 ,

我们来看看效果图吧:

 

注:原创文章,转载请注明:www.111cn.net<script>ec(2);</script>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn