建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
求一個(gè)簡(jiǎn)單的jquery二級(jí)菜單聯(lián)動(dòng)
var?data?=?[{
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的介休網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
id:?1,
pid:?0,
name:?'水果'
},
{
id:?2,
pid:?0,
name:?'蔬菜'
},
{
id:?3,
pid:?1,
name:?'蘋(píng)果'
},
{
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?=?'請(qǐng)選擇';
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實(shí)現(xiàn)菜單的聯(lián)動(dòng)
很容易，在選擇的上面，加個(gè)特定的參數(shù)，根據(jù)參數(shù)的變化來(lái)改變后面菜單應(yīng)該顯示的內(nèi)容
一張表 怎么 jquery省市區(qū)三級(jí)聯(lián)動(dòng)
jquery+ajax就可以搞定的
id，菜單名稱(chēng)，parentid(父級(jí)id)，排序，描述
1 河北省 0
2 石家莊 1
3 東城區(qū) 2
4 西城區(qū) 2
5 廊坊 1
6 河南省 0
接下來(lái)使用 jquery + ajax來(lái)實(shí)現(xiàn)聯(lián)動(dòng)
第一級(jí)：parentid = 0 的所有菜單
第二級(jí)： 一級(jí)菜單的onchange()事件根據(jù)選中的value 比如：value=1 使用ajax獲取 parentid=1的菜單，
前臺(tái)代碼：
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); //控制臺(tái)輸出
$('#sele_2').html(""); //清空
//讀取json數(shù)據(jù)
for (var i=0;idata.length;i++){
// 數(shù)據(jù)庫(kù)的聯(lián)動(dòng)菜單ID 菜單名
$('#sele_2').append("option value='"+data[i].linkageid+"' "+data[i].name+"/option");
}
},
error:function(data){
alert("異常！");
}
})
}
/script
后臺(tái)php代碼：
function select_ajax_1() {
//獲取ajax傳來(lái)的 specialty_1
$valueid = intval($_POST['specialty_1']);
/*
查詢(xún) parentid=$valueid的菜單
*/
//返回json數(shù)據(jù)
echo json_encode(查詢(xún)結(jié)果數(shù)組);
}
用jquery實(shí)現(xiàn)三級(jí)下拉菜單聯(lián)動(dòng)時(shí)，菜單三無(wú)法顯示。
class_array是一個(gè)二維數(shù)組，看你代碼的意思。。當(dāng)?shù)?個(gè)下拉菜單
觸發(fā)change事件時(shí)，即
if(v[2]==$("#pard1").val())
$("option
value='"+v[0]+"'"+v[1]+"/option").appendTo($("#pard2"));
這是表示傳入的數(shù)組v的第三個(gè)元素等于第1個(gè)下拉菜單的值時(shí)，才會(huì)將第2個(gè)下拉菜單填充。
我看v數(shù)組的第三個(gè)元素的值有0,1,14，但是又要與第1個(gè)下拉菜單的值相等的唯有class_array[0]=new
Array('1','護(hù)膚','0');所以，在第1個(gè)下拉菜單選擇'護(hù)膚'才會(huì)對(duì)第二個(gè)下拉菜單有聯(lián)動(dòng)效果
Jquery實(shí)現(xiàn)級(jí)聯(lián)下拉菜單
用combobox的onSelect事件，動(dòng)態(tài)加載
$("#id1").combobox({
onSelect:function(record){
$('#id2').combobox({
?url:''
valueField?:?'id',
textField?:?'text' });
}
});//id1是你省combobox的id，id2是你市combobox的id
求一個(gè)在jquery中 同一表中的三級(jí)聯(lián)動(dòng)下來(lái)菜單
有一個(gè)是jQuery插件叫mcdropdown4062下拉后可以顯示多級(jí)菜單2我覺(jué)得可以替代多級(jí)聯(lián)動(dòng)下拉列表
網(wǎng)站題目：jquery聯(lián)動(dòng)菜單,jquery三級(jí)聯(lián)動(dòng)菜單
轉(zhuǎn)載注明：http://ef60e0e.cn/article/phppee.html
