實現基於json的級聯選單

 對於ajax應用來說，把和控制元件榜定的資料用json來承載，既可以避免頻繁呼叫httprequest，也可以避免xml帶來的效能解釋。

假設我們要有一個級聯選單，顯示使用者組以及下面的使用者，我們可以這樣做

      $group_user = Array();   
      $groups = $db->getAll("select * from $dbutils->group");

      for ($i = 0, $count = count($groups); $i < $count; $i++) {
     
         $users = $db->getAll("select * from $dbutils->user_group ug,$dbutils->user u where ug.user_id = u.user_id and ug.group_id = ".$groups[$i]['group_id']);
         $group_user[$groups[$i]['group_id']]['users'] = $users;
      }

      $json = new JSON(JSON_LOOSE_TYPE);
      $group_user_json_data = $json->encode($group_user);  //將資料從php陣列轉換成javascript陣列
     

     
      $group_user_javascript_data = '

 

在模板表單裡面

<?php

 echo $group_user_javascript_data;    //把json的資料顯示出來
 

?>

 

function removeOptions(optionMenu)
{
  len = optionMenu.options.length;
  for (var i=len-1; i >=0 ; i--) {
  
    optionMenu.options[i] = null;

  }

}

 
function change_group() {

  var users = group_user_json_data[document.getElementById('receive_group').value]['users'];//從json裡面得到物件

  addOptions(users, document.getElementById('receive_user'))

 
  
}

 

                                    

                                      接收部門
                                     
                                      
                                    
                                      接收人
                                     
                                          

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1252065