+ -
当前位置:首页 → 问答吧 → 利用jQuery,简化二级联动菜单制作步骤

利用jQuery,简化二级联动菜单制作步骤

时间:2008-12-11

来源:互联网

在做 discuz二次开发的时候,分离出的一小块代码,标颜色的地方是需要注意的。

1>利用jQuery,简化二级联动菜单制作步骤

2>要处理的地方写入一下代码
<script src="../admin/js/jquery/jquery-1.2.6.js" type="text/javascript"></script>
<script language="javascript">
$(
  function(){
  $("#collegeid").change(
     function(){        
              $("#professional").load("plugins/mycollege/mycollege_select.inc.php?collegeid="+$("#collegeid").val());
          }
               );
    }
);
</script>

//注意以下地方,所有的标签的名字是以id为标准
        <select name="collegeid" id="collegeid">
        <option value="0">请选择院系</option>
        <!--{loop $all_colleges $college}-->
        <option value="$college['id']">$college['name']</option>
        <!--{/loop}-->
     
         </select>
        //这地方的span标签可以换成div
          <span id="professional">
         <select name="professionalid" id="professionalid">
        <option value="0">请选择专业</option>
         </select>
         </span>

3>Load 的那个文件输出的就是一个文件
<?php
require_once '../../include/common.inc.php';
require_once 'mycollege.function.php';
//判断用户是否登录
if (!$discuz_uid)
{
  showmessage('not_loggedin', 'logging.php?action=login');
}
  //这里面就是我自己的一些数据库操作,根据情况换成自己的数据操作
  $collegeid=intval($collegeid);
  $professionallist=getProfessionallist($collegeid);
  header("Cache-Control: no-cache");
$str="<select name='professionalid' id='professionalid'> <option value='0'>请选择专业</option>";
  if (!empty($professionallist)){
    foreach($professionallist as $value)
    {
     $str.='<option value="'.$value["id"].'">'.$value["name"].'</option>';
    }
   }
  
  $str.='</select>';
  echo $str;
?>

作者: lei0535   发布时间: 2008-12-11

帮顶了

作者: 妖夜荒踪   发布时间: 2008-12-11

能不能讲解一下啊 ...........

作者: 0hudu   发布时间: 2008-12-11

感觉好像不错.

作者: cnlisten   发布时间: 2009-04-15

帮了我的大忙了  谢谢!

作者: baigujia   发布时间: 2009-04-16

,好文章,收藏了:)

作者: huihui870511   发布时间: 2009-04-25