jquery级联下拉,jquery二级联动下拉菜单

用jquery的ajax实现二级下拉菜单级联操作，一级的select id=industrial 二级的select id=profession

因为没有足够的信息，我说几个要点，你看看后台是不是这样的：

1.你使用的是 $.getJSON ，这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。如果不是这样的话，肯定不行的

2.回调函数中，myJSON 到底是什么类型，从你的代码来看，它是一个数组，这个数组中的每一个元素都是一个对象，该对象至少有两个属性：professionid 和 professionName .

确认你的数据信息吧，js代码没有什么问题，对了，你是手动触发第一个 select 的 change 事件的，看看你的第一个 select 是不是在触发之前已经有数据了，不然，第一次的触发是没有效果的

相关问答

Q1: 地区级联，jquery选择器，第二个下拉选为什么

你问的是什么啊？

地区级联常做的就是在第一个下拉框中绑定一个下拉事件，事件中是获取第一个下拉框对象的下级区域，并更新到第二个下拉框中

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

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

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

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

第一个下拉选项显示

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

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

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

Q3: jQuery实现动态级联选择问题,比如3个下拉框,选择第一个其他的2个选项自动把内容选中.

刚做了一个 实现2级级联的下拉框 效果是这样的：

根据第一个下拉框选中的数据 来显示 第二个下拉框的数据

参考的是： 希望对你有帮助！

js操作select

1.判断select选项中 是否存在Value="paraValue"的Item2.向select选项中 加入一个Item3.从select选项中 删除一个Item4.修改select选项中 value="paraValue"的text为"paraText"5.设置select中text="paraText"的第一个Item为选中6.设置select中value="paraValue"的Item为选中7.得到select的当前选中项的value8.得到select的当前选中项的text9.得到select的当前选中项的Index10.清空select的项

11.获取text的值-------------------------------------------//1.判断select选项中 是否存在Value="paraValue"的Itemfunction jsSelectIsExitItem(objSelect,objItemValue){ var isExit = false; for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit;}

//2.向select选项中 加入一个Itemfunction jsAddItemToSelect(objSelect,objItemText,objItemValue){ //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText,objItemValue);// objSelect.options[objSelect.options.length] = varItem; objSelect.options.add(varItem); alert("成功加入"); } }

//3.从select选项中 删除一个Itemfunction jsRemoveItemFromSelect(objSelect,objItemValue){ //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功删除"); } else { alert("该select中 不存在该项"); } }

//4.修改select选项中 value="paraValue"的text为"paraText"function jsUpdateItemToSelect(objSelect,objItemText,objItemValue){ //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); } else { alert("该select中 不存在该项"); } } //5.设置select中text="paraText"的第一个Item为选中function jsSelectItemByValue(objSelect,objItemText){ //判断是否存在 var isExit = false; for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //Show出结果 if(isExit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } }

//6.设置select中value="paraValue"的Item为选中//document.all.objSelect.value = objItemValue;

//7.得到select的当前选中项的value//var currSelectValue = document.all.objSelect.value;

//8.得到select的当前选中项的text//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

//9.得到select的当前选中项的Index//var currSelectIndex = document.all.objSelect.selectedIndex;

//10.清空select的项// document.all.objSelect.options.length = 0;

//获取select的text的值

$('bxhjxx').options[$('bxhjxx').selectedIndex].text

Q4: Jquery实现级联下拉菜单

用combobox的onSelect事件，动态加载

$("#id1").combobox({

onSelect:function(record){

$('#id2').combobox({

 url:''

                valueField : 'id',

        textField : 'text' });

}

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

Q5: jquery easyui 中combobox的onselect事件怎么做下拉框的级联

1：准备2个input设置不同的id

input id="box1"

input id="box2"

2：注册easyui的combobox控件

$('#box1').combobox({

data:[{id:0,text:'广州'},{id:1,text:'上海'}]

valueField:'id',

textField:'text'

});

$('#box2').combobox({

valueField:'id',

textField:'text'

});

3：由box1联动显示box2的数据，设置box1的onSelect事件

$('#box1').combobox({

onSelect:function(record){

var region=[];

if(record.id==0){//如果城市是广州

region.push={id:0101,text:"黄埔区"};

region.push={id:0102,text:"天河区"};

}else if(record.id==1){//如果城市是上海

region.push={id:0101,text:"浦东区"};

region.push={id:0102,text:"松江区"};

}

//给box2赋值

$('#box2').combobox({

data: region

});

}

});