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 实现二级菜单联动的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 生成5个不同的随机数
- 下一篇: Enterprise Library 2