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

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

平壩網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,平壩網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為平壩近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的平壩做網(wǎng)站的公司定做！

$("#id1").combobox({

onSelect:function(record){

$('#id2').combobox({

?url:''

valueField?:?'id',

textField?:?'text' });

}

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

jquery無(wú)限級(jí)聯(lián)出錯(cuò)

success:function你這樣寫(xiě)試試，jquery有$.each循環(huán)的，好像沒(méi)有Json[i]這么用的

success : function(data) {//data，返回的json串

$('#ldzbh').find('option').remove();

$('#ldzbh').prepend("option value='0'--請(qǐng)選擇--/option");

$.each(data, function(index, ldzJson) {//ldzJson你自己給返回的data也就是Json串取的名字

if ($ldzbh == ldzJson['ldzbh']) {//鎖定，即初次進(jìn)入頁(yè)面時(shí)有值可以顯示出來(lái)。

$('#ldzbh').append(

"option value='"+ldzJson['ldzbh']+"' selected"

+ ldzJson['ldzmc'] + "/option");

} else {

$('#ldzbh').append(

"option value='"+ldzJson['ldzbh']+"'"

+ ldzJson['ldzmc'] + "/option");

}

});

},

error : function(XMLHttpRequest, textStatus, errorThrown) {

this;

alert("請(qǐng)求失敗!");

}

});

JS與Jquery之動(dòng)態(tài)添加下拉框select并級(jí)聯(lián)改變事件

1.可以動(dòng)態(tài)添加多個(gè)下拉框,可減少下拉框

2.選中第一個(gè)下拉框的任意一個(gè)值，同時(shí)第三個(gè)下拉框的值跟著改變，顯示對(duì)應(yīng)的數(shù)據(jù)。

ps:what?光動(dòng)態(tài)添加就足以。。。。賦值還不能直接賦，而是添加下拉時(shí)就賦值。。。。。經(jīng)過(guò)百般折磨，頭發(fā)掉了n根，最終通過(guò)巧妙的思路解決了，在此記錄下。若對(duì)你有所幫助，點(diǎn)贊加關(guān)注吧！后續(xù)及時(shí)更新。

第一個(gè)下拉選項(xiàng)顯示

選擇下拉項(xiàng)，同時(shí)加載數(shù)據(jù)到第三個(gè)下拉框

注：在這里直接去掉了第二行的標(biāo)簽

為了獲取改變數(shù)據(jù)的行，試了很久，動(dòng)態(tài)生成的下拉框無(wú)法獲取到索引，所以才想到了使用id，并且給id后加一個(gè)數(shù)字