求一個簡單的jquery二級菜單聯(lián)動

var?data?=?[{

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的介休網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

id:?1,

pid:?0,

name:?'水果'

},

{

id:?2,

pid:?0,

name:?'蔬菜'

},

{

id:?3,

pid:?1,

name:?'蘋果'

},

{

id:?4,

pid:?1,

name:?'香蕉'

},

{

id:?5,

pid:?2,

name:?'蘿卜'

},

{

id:?6,

pid:?2,

name:?'茄子'

},

{

id:?7,

pid:?1,

name:?'芒果'

},

{

id:?8,

pid:?1,

name:?'桔子'

},

{

id:?9,

pid:?2,

name:?'青瓜'

},

{

id:?10,

pid:?2,

name:?'苦瓜'

}];

window.onload?=?function()?{

var?type_sel?=?document.createElement('select');

if?(document.attachEvent)?type_sel.attachEvent('onchange',?change);

else?type_sel.addEventListener('change',?change,?true);

createOptions(type_sel,?0);

}

function?change(e)?{

var?o?=?e.srcElement?||?e.target,

child_sel?=?document.createElement('select'),

pid?=?o.value,

obj?=?document.getElementsByTagName('select')[1];

obj??obj.parentNode.removeChild(obj);

createOptions(child_sel,?pid);

}

function?createOptions(sel,?pid)?{

var?option?=?document.createElement('option');

option.value?=?'';

option.innerHTML?=?'請選擇';

sel.appendChild(option);

for?(var?i?in?data)?{

var?d?=?data[i];

if?(d.pid?==?pid)?{

var?option?=?document.createElement('option');

option.value?=?d.id;

option.innerHTML?=?d.name;

sel.appendChild(option);

}

}

document.body.appendChild(sel);

}

怎么用jquery實現(xiàn)菜單的聯(lián)動

很容易，在選擇的上面，加個特定的參數(shù)，根據(jù)參數(shù)的變化來改變后面菜單應(yīng)該顯示的內(nèi)容

一張表 怎么 jquery省市區(qū)三級聯(lián)動

jquery+ajax就可以搞定的

id，菜單名稱，parentid(父級id)，排序，描述

1 河北省 0

2 石家莊 1

3 東城區(qū) 2

4 西城區(qū) 2

5 廊坊 1

6 河南省 0

接下來使用 jquery + ajax來實現(xiàn)聯(lián)動

第一級：parentid = 0 的所有菜單

第二級： 一級菜單的onchange()事件根據(jù)選中的value 比如：value=1 使用ajax獲取 parentid=1的菜單，

前臺代碼：

select onchange="change_1()" name="sele_1" id="sele_1"

option value="1" 河北省/option

option value="2" 河南省/option

/select

select onchange="change_2()" name="sele_2" id="sele_2"

option value="2" 石家莊/option

option value="5" 廊坊/option

/select

script

function change_1(){

var strvalue=$("#sele_1").val();

$.ajax({

type:'post',

url: "PHP函數(shù) select_ajax_1()",

data:{"specialty_1":strvalue},

dataType: "json",

success: function (data) {

console.log(data); //控制臺輸出

$('#sele_2').html(""); //清空

//讀取json數(shù)據(jù)

for (var i=0;idata.length;i++){

// 數(shù)據(jù)庫的聯(lián)動菜單ID 菜單名

$('#sele_2').append("option value='"+data[i].linkageid+"' "+data[i].name+"/option");

}

},

error:function(data){

alert("異常！");

}

})

}

/script

后臺php代碼：

function select_ajax_1() {

//獲取ajax傳來的 specialty_1

$valueid = intval($_POST['specialty_1']);

/*

查詢 parentid=$valueid的菜單

*/

//返回json數(shù)據(jù)

echo json_encode(查詢結(jié)果數(shù)組);

}

用jquery實現(xiàn)三級下拉菜單聯(lián)動時，菜單三無法顯示。

class_array是一個二維數(shù)組，看你代碼的意思。。當?shù)?個下拉菜單

觸發(fā)change事件時，即

if(v[2]==$("#pard1").val())

$("option

value='"+v[0]+"'"+v[1]+"/option").appendTo($("#pard2"));

這是表示傳入的數(shù)組v的第三個元素等于第1個下拉菜單的值時，才會將第2個下拉菜單填充。

我看v數(shù)組的第三個元素的值有0,1,14，但是又要與第1個下拉菜單的值相等的唯有class_array[0]=new

Array('1','護膚','0');所以，在第1個下拉菜單選擇'護膚'才會對第二個下拉菜單有聯(lián)動效果

Jquery實現(xiàn)級聯(lián)下拉菜單

用combobox的onSelect事件，動態(tài)加載

$("#id1").combobox({

onSelect:function(record){

$('#id2').combobox({

?url:''

valueField?:?'id',

textField?:?'text' });

}

});//id1是你省combobox的id，id2是你市combobox的id

求一個在jquery中 同一表中的三級聯(lián)動下來菜單

有一個是jQuery插件叫mcdropdown4062下拉后可以顯示多級菜單2我覺得可以替代多級聯(lián)動下拉列表