php如何實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單

這篇文章將為大家詳細(xì)講解有關(guān)php如何實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

php實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單的方法：首先根據(jù)大類的值，通過jQuery把值傳給后臺(tái)PHP處理；然后用PHP查詢MySQl數(shù)據(jù)庫，得到相應(yīng)的小類；最后返回JSON數(shù)據(jù)給前端處理即可。

jq+php+mysql 實(shí)現(xiàn)二級(jí)菜單聯(lián)動(dòng)

二級(jí)聯(lián)動(dòng)下拉菜單選擇應(yīng)用在在很多地方，比如說省市下拉聯(lián)動(dòng)，商品大小類下拉選擇聯(lián)動(dòng)。

實(shí)現(xiàn)的效果就是當(dāng)選擇大類時(shí)，小類下拉框里的選項(xiàng)內(nèi)容也隨著改變。實(shí)現(xiàn)原理：根據(jù)大類的值，通過jQuery把值傳給后臺(tái)PHP處理，PHP通過查詢MySQl數(shù)據(jù)庫，得到相應(yīng)的小類，并返回JSON數(shù)據(jù)給前端處理。

html:

<label>大類：</label>
<select name="bigname" id="bigname"> 
<option value="1">前端技術(shù)</option> 
<option value="2">程序開發(fā)</option> 
<option value="3">數(shù)據(jù)庫</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 獲取數(shù)據(jù)就是根據(jù)大類的id 從數(shù)據(jù)庫中獲取小的分類，然后以json的格式返回。

關(guān)于php如何實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。