日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

jq mysql二级联动_jq+php+mysql 实现二级菜单联动

發布時間:2025/3/17 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jq mysql二级联动_jq+php+mysql 实现二级菜单联动 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

二級聯動下拉菜單選擇應用在在很多地方,比如說省市下拉聯動,商品大小類下拉選擇聯動。

實現的效果就是當選擇大類時,小類下拉框里的選項內容也隨著改變。實現原理:根據大類的值,通過jQuery把值傳給后臺PHP處理,PHP通過查詢MySQl數據庫,得到相應的小類,并返回JSON數據給前端處理。

html:

大類:

前端技術

程序開發

數據庫

小類:

jQuery

$(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 = " > value='"+array['id']+"'>"+array['title']+"";

smallname.append(option);

});

});

}

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

總結

以上是生活随笔為你收集整理的jq mysql二级联动_jq+php+mysql 实现二级菜单联动的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。