系统很多时候需要级联带出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提交数据