PHP利用jQuery,輕鬆搞定二級聯動菜單製作

 標顏色的地方是需要注意的。

請看詳細內容:

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;
?>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章