jquery级联,jquery级联选择框

Jquery实现级联下拉菜单

用combobox的onSelect事件，动态加载

$("#id1").combobox({

onSelect:function(record){

$('#id2').combobox({

 url:''

                valueField : 'id',

        textField : 'text' });

}

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

相关问答

Q1: jquery无限级联出错

success:function你这样写试试，jquery有$.each循环的，好像没有Json[i]这么用的

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

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

$('#ldzbh').prepend("option value='0'--请选择--/option");

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

if ($ldzbh == ldzJson['ldzbh']) {//锁定，即初次进入页面时有值可以显示出来。

$('#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("请求失败!");

}

});

Q2: JS与Jquery之动态添加下拉框select并级联改变事件

1.可以动态添加多个下拉框,可减少下拉框

2.选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。

ps:what?光动态添加就足以。。。。赋值还不能直接赋，而是添加下拉时就赋值。。。。。经过百般折磨，头发掉了n根，最终通过巧妙的思路解决了，在此记录下。若对你有所帮助，点赞加关注吧！后续及时更新。

第一个下拉选项显示

选择下拉项，同时加载数据到第三个下拉框

注：在这里直接去掉了第二行的标签

为了获取改变数据的行，试了很久，动态生成的下拉框无法获取到索引，所以才想到了使用id，并且给id后加一个数字