php實現二級聯動選單

php實作二級連動選單的方法：先根據大類的值，透過jQuery把值傳給後台PHP處理；然後用PHP查詢MySQl資料庫，得到對應的小類；最後傳回JSON資料給前端處理即可。

推薦：《PHP影片教學》 

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=&#39;"+array[&#39;id&#39;]+"&#39;>"+array[&#39;title&#39;]+"</option>";    
    smallname.append(option); 
    }); 
    }); 
 } 
</script>

php 取得資料就是根據大類的id 從資料庫取得小的分類，然後以json的格式傳回。

以上是php實現二級聯動選單的詳細內容。更多資訊請關注PHP中文網其他相關文章！