原创!转载请注明地址 http://ycde2009.iteye.com/blog/1990738
在前端的组件上绑定事件,在该事件中使用ajax来异步请求,将返回结果组装成前台html代码。
//修改页面时下拉框的连动
//品牌修改时 连动车型
$("#brandID").change(changeBrand_Update);
function changeBrand_Update(){
var value =$("#brandID").val();
$("#vehicleModelID").html("");
if(!value || "0"==value)
{
return;
}
$.ajax({
url: "${pageContext.request.contextPath}/brandJson?brandID="+value,
dataType: "json",
success:function(formData){
var html = "";
$.each(formData.entity,function(i,n){
if(n.entityID == $("#vehicleModelID_hidden").val())
{
html = html + "<option selected value="+n.entityID+">"+n.name+"</option>"
}
else
{
html = html + "<option value="+n.entityID+">"+n.name+"</option>"
}
});
$("#vehicleModelID").html(html);
}
});
};
else
{
html = html + "<option value="+n.entityID+">"+n.name+"</option>"
}
});
$("#vehicleModelID").html(html);
}
});
};
分享到:
相关推荐
安卓--级联下拉列表实现DEMO
此代码就是使用jquery简单实现级联下拉列表,
select级联下拉列表 JS实多级联动下拉菜单类,简单实现省市区联动菜单! 无刷新级联下拉框的jquery代码 jQuery+HTML5实现的带链接箭头的多级下拉菜单
基于jQuery实现的多级级联下拉列表,返回数据类型JSON,后台使用Struts1.2
级联下拉列表工具类,js实现
五句代码实现 级联下拉列表 有文档和源码,希望对大家能有帮助!
AJAX重构+级联下拉列表,java web前台级联下拉列表代码
java技术实现的ajax下拉列表级联选择小功能
NULL 博文链接:https://chenjia66804610.iteye.com/blog/576463
使用Ajax来实现下拉列表的级联显示,通俗易懂,思路清晰,适合刚刚接触Ajax的开发者来理解Ajax
可编辑的级联下拉列表框 漂亮的可编辑的下拉列表框 巧妙的方法实现了级联 jquery实现
ajax技术实现级联下拉列表代码.doc
JavaScript解析XML实现多级级联下拉列表
其中例子包括(2,3,4,5,6级联)对想学习ajax实现级联的来说是很有用。思路清晰。
网上级联菜单确有不少,单大多是直接写死到jsp页面中的,本代码是用mysql的数据库实现的,希望对大家有帮助!!!
利用ejb连接数据库,成功的实现ajax下拉列表级联,下拉列表中的数据从数据库中调用。