Question

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

比如3个下拉框 我选择第一个其他的2个自动把内容显示出来 不用手动去选择了,如果想更改可以自己去改动

Answer 1

刚做了一个 实现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;i<objSelect.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;i<objSelect.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;i<objSelect.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;i<objSelect.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