顯示子類別，當點擊主類別，並顯示產品時，點擊亞貓與阿賈克斯

Question

我正在一個模塊，其中我有側欄中的ul的主要類別，我有一個下拉的子類別。這個想法是，當我點擊主要類別中的任何鏈接時，它應該在下拉菜單中顯示相關的子類別，當我點擊子類別時，它應該在列表視圖中顯示下面的產品詳細信息。我做了所有這些，但現在尋找阿賈克斯爲我做這個。

我搜索了它，但主要是我發現下拉爲主要和子類別，但我不需要下拉爲主要類別。給我一個例子或任何有這一切的鏈接休息我會做我的家庭作業。

所有記錄都是從數據庫中取出三個通過FK鏈接的表。

在此先感謝您提供任何幫助。

<div id="main-cat"> 
    <ul> 
     <li></li> 
     <li></li> 
     <li></li>   
    </ul> 
</div> 

<div id="sub-cat"> 
    <select> 
    <option></option> 
    <option></option> 
    <option></option> 
    </select> 

    <div id="products"> 
    <ul> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 

現在我想做的是當網頁加載它顯示出與主要類別北京時間DIV，當我點擊任何主要貓它更新降子貓因此與阿賈克斯的下來，然後SUBCAT負載時，我點擊任何子貓都會用ajax加載第三個div。

希望它現在會有所幫助

Answer 1

我沒有得到它，爲什麼使用Ajax的下拉菜單？

總之在這裏你去

<div class="menuHolder" id="menuHolder"> 
     <script type="text/javascript"> 
      loadMenu(); 
     </script> 
</div> 

的Ajax功能（.js文件）

function loadMenu(ANY VALUES HERE) { 
    xmlhttp=new XMLHttpRequest(); 
    xmlhttp.open("GET","/ajax.php?page=menu&key="+value,true); 
    xmlhttp.send(null); 

    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("menuHolder").innerHTML= xmlhttp.responseText; 
       /* returns the HTML from the Ajax page into menuHolder div */ 
     } 
    } 
} 

Ajax.php這個地方在服務器

$file = $_GET['page']; 

if(file_exists('yourpath/ajax/'.$file.'.php')){ 
    include_once 'yourpath/ajax/'.$file.'.php'; 
} else { 
    print 'File could not be found'; 
} 

阿賈克斯文件的根目錄： menu.php，所有html將返回給定容器

Your code, Values passed with Ajax can be received with $_GET['key'] 
<div class="menu" id="menu"> 
     /* code for menu */ 
</div> 
<? 
if(isset($_GET['submenu']) { /* if you passed a value for submenu with ajax */ 
    ?> 
    <div class="submenu" id="menu"> 
     /* code for submenu */ 
    </div> 
    <? 
} 
?> 
....... 

正如你看到我不喜歡的JQuery很多，我總是用普通的JavaScript，希望那不是一個問題