系统很多时候需要级联带出select下拉框中的数据,使用ajax实现。
1、html代码:
<input type="text" id="myInput" value="带出下拉数据">
<select id="mySelect"></select>
html部分的代码就不解释了
2、js代码:
$("#myInput").on("click",function(a,b){//随便写了两个参数,有没有都一样的
$.ajax({
url, //后台方法对应的url地址
data:"id=a&name=b", //传到后台的请求数据
type:"post", //请求方式
success:function(responseData){//responseData是后台返回的数据
if(responseData.flag){//如果ajax提交成功返回
var list = responseData.obj;//获取返回的数据(以list集合为例)
if(null != list){
$("#mySelect").append("<option value=''>请选择</option>");
//向select中添加数据
for(var i=0;i<list.size();i++){
$("#mySelect").append("<option value='"+list.key+"'>"+list.value+"</option>");
}
}
}
}
});
});
关于ajax提交数据可以参考下面这个链接:
ajax提交数据