用Jquery做一個通用的多級級聯菜單，怎么做？

鋒利的jquery上 第一章吧 就有個關于樹形菜單的簡單例子

站在用戶的角度思考問題，與客戶深入溝通，找到宿遷網站設計與宿遷網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網站制作、成都做網站、企業(yè)官網、英文網站、手機端網站、網站推廣、域名注冊、網絡空間、企業(yè)郵箱。業(yè)務覆蓋宿遷地區(qū)。

別懶自己動手下 很快就能實現

怎么用jquery實現二級聯動

你好！

下面是個簡單的小例子，僅供參考：

script?type="text/javascript"

$(document).ready(function(){

var?data={

"liaoning":{

"210100000000":"沈陽市",

"210200000000":"大連市",

"210300000000":"鞍山市"

},

"heilongjiang":{

"230100000000":"哈爾濱市",

"230200000000":"齊齊哈爾市",

"230300000000":"雞西市"

}

};

$("#aa").change(function(){

if(this.value==0){

$("#bb").empty();

}?else?{

for(var?key?in?data){

if(key==this.value){

$("#bb").empty();

for(var?kkey?in?data[this.value]){

$("option?/").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));

}

}

}

}

});

});

/script

/head

body

select?id="aa"

option?value="0"請選擇省/option

option?value="liaoning"遼寧/option

option?value="heilongjiang"黑龍江/option

/select

select?id="bb"

/select

/body

希望對你有幫助！

jquery select2 聯動下拉列表賦值二級下拉列表賦不上值，怎么搞

你是怎么搞的，代碼貼出來看看。

二級聯動，都是在一級上加一個onchange事件，觸發(fā)時更新二級就可以了。

selelct id="sel1" onchange="changeData()"/selelct

selelct id="sel2"/selelct

function changeData(){

var v = $("#sel1").val();

$("#sel2").html('option......../option');

}

jquery如何動態(tài)產生二級聯動，就是點擊添加按鈕后產生一個二級聯動

二級聯動:

script

//點擊按鈕生成一級聯動

$("button").on("click",function(){

var?oneSelect?=?"select?name='oneSelect'/select";

$("body").append(oneSelect);

});

//這里說明下，英文二級聯動是根據一級聯動來的，邏輯代碼看你自己了，因為

//一級聯動是js動態(tài)生成的，再綁定事件涉及特殊方法live,而live這個方法1.8.3

//jquery版本以后是廢棄的，所以要使用

//$("select[name=oneSelect]").on("change","父級節(jié)點",fucntion(){});

//根據你的一級聯動以及需求選擇觸發(fā)二級聯動

$("select[name=oneSelect]").live("change",function(){

var?twoSelect?=?"select?name='twoSelect'/select";

$("body").append(twoSelect);

});

/script

用jquery的ajax實現二級下拉菜單級聯操作，一級的select id=industrial 二級的select id=profession

因為沒有足夠的信息，我說幾個要點，你看看后臺是不是這樣的：

1.你使用的是 $.getJSON ，這個方法要求你的后臺數據 Content-Type 是 text/json 或者 application/json 。如果不是這樣的話，肯定不行的

2.回調函數中，myJSON 到底是什么類型，從你的代碼來看，它是一個數組，這個數組中的每一個元素都是一個對象，該對象至少有兩個屬性：professionid 和 professionName .

確認你的數據信息吧，js代碼沒有什么問題，對了，你是手動觸發(fā)第一個 select 的 change 事件的，看看你的第一個 select 是不是在觸發(fā)之前已經有數據了，不然，第一次的觸發(fā)是沒有效果的

在JSP頁面中不使用ajax，用jQuery實現二級聯動的代碼誰有，前提是數據是從數據庫中讀取出來

你后臺不是要查詢數據庫嗎？ajax就是前后臺做數據交互的，你后臺查詢出這個字段，用ajax交互，把你查詢出的值返回到前臺，要么返回null或""，要么返回有值的；

然后在ajax的success函數里面寫你的邏輯就ok了；ajax知道怎么用嗎？

$.ajax({

type : "POST",

url: "../../Admin/Menu/index/save",//后臺映射的URL

data:$("#saveForm").serializeArray(),//往后臺傳的參數

dataType:'json',//返回的數據格式

success : function(result) {

//result即你的返回值

//ajax請求成功執(zhí)行的函數

},

error : function(result) {

}

});

分享文章：jquery二級級聯,jquery二級聯動
分享地址：http://chinadenli.net/article36/dsgjopg.html

成都網站建設公司_創(chuàng)新互聯，為您提供建站公司、搜索引擎優(yōu)化、網站導航、做網站、靜態(tài)網站、品牌網站設計

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯