jq+php+mysql 實現二級菜單聯動

二級聯動下拉菜單選擇應用在在不少地方，好比說省市下拉聯動，商品大小類下拉選擇聯動。

實現的效果就是當選擇大類時，小類下拉框裏的選項內容也隨着改變。實現原理：根據大類的值，經過jQuery把值傳給後臺PHP處理，PHP經過查詢MySQl數據庫，獲得相應的小類，並返回JSON數據給前端處理。

html:

---

<label>大類：</label>
<select name="bigname" id="bigname"> 
<option value="1">前端技術</option> 
<option value="2">程序開發</option> 
<option value="3">數據庫</option> 
</select> 
<label>小類：</label> 
<select name="smallname" id="smallname"> 
</select>

---

jQuery

---

<script>
    $(function(){ 
        getSelectVal(); 
        $("#bigname").change(function(){ 
            getSelectVal(); 
        }); 
    })

function getSelectVal(){ 
   $.getJSON("server.php",{bigname:$("#bigname").val()},function(json){                   
   var smallname = $("#smallname"); 
   $("option",smallname).remove();    
   $.each(json,function(index,array){                        
    var option = "<option > > value='"+array['id']+"'>"+array['title']+"</option>";    
    smallname.append(option); 
    }); 
    }); 
 } 
</script>

---

php 獲取數據就是根據大類的id 從數據庫中獲取小的分類，而後以json的格式返回。