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

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

定興網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作,到程序開(kāi)發(fā),運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

推薦:《PHP視頻教程》

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

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

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

html:

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

分享標(biāo)題:php實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單
本文地址:http://muchs.cn/article40/chcheo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作網(wǎng)站設(shè)計(jì)、ChatGPT、網(wǎng)站改版品牌網(wǎng)站制作、App設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)