`
reginaminlee
  • 浏览: 32569 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

jquery ajax提交,返回list,然后遍历,刷新select

阅读更多

ajax提交,返回list,然后遍历

Java代码 复制代码 收藏代码
  1. function getCityBypro(item){   
  2.         $.ajax({   
  3.             type: "POST",   
  4.             url: "gtCityByProId.action",   
  5.             data: "proid=" + item.value,   
  6.             dataType:"json",   
  7.             async: false,     //如果设置为false,则表示异步提交,否则表示同步提交
  8.              timeout: 10000,
  9.              error: function(){
  10.                  alert('Error loading XML document');
  11.                  return  null;
  12.              },
  13.             success: function(data){   
  14.                 var items = data.cityVOList;   
  15.                 $.each(items, function(i, n){   
  16.                     alert(items[i].cityid);   
  17.                 });   
  18.             }   
  19.         });    
  20.     }  

    更新
    绑定某个select,使其可以修改二级select的option,但为什么不像prototype那样可以直接add option?
Java代码 复制代码 收藏代码
  1. $("#chiproid").change(function(){   
  2.     $.ajax({   
  3.     type: "POST",   
  4.     url: "gtCityByProid.action",   
  5.     data: "chiproid=" + this.value,   
  6.     dataType:"json",   
  7.     success: function(data){   
  8.         var items = data.cityVOList;   
  9.         if(items != null){   
  10.             $("#chicityid").empty();   
  11.             $.each(items, function(i, n){   
  12.             $("#chicityid").append("<option value='" + items[i].cityid + "'>" + items[i].cityname + "</option>");     
  13.         });   
  14.         }   
  15.     }   
  16.     });    
  17. });  
  

再次更新:找到用add option 的方法了。
Java代码 复制代码 收藏代码
  1. var option = new Option(items[i].cityname, items[i].cityid);   
  2.                         $('#chicityid')[0].options.add(option);  
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics