欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-05 13:43:41
...

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

Java代码 jquery ajax提交,返回list,然后遍历,刷新select 
            
    
    博客分类: jquery Ajaxjsonjavaprototype  jquery ajax提交,返回list,然后遍历,刷新select 
            
    
    博客分类: jquery Ajaxjsonjavaprototype 
  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代码 jquery ajax提交,返回list,然后遍历,刷新select 
            
    
    博客分类: jquery Ajaxjsonjavaprototype  jquery ajax提交,返回list,然后遍历,刷新select 
            
    
    博客分类: jquery Ajaxjsonjavaprototype 
  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代码 jquery ajax提交,返回list,然后遍历,刷新select 
            
    
    博客分类: jquery Ajaxjsonjavaprototype  jquery ajax提交,返回list,然后遍历,刷新select 
            
    
    博客分类: jquery Ajaxjsonjavaprototype 
  1. var option = new Option(items[i].cityname, items[i].cityid);   
  2.                         $('#chicityid')[0].options.add(option);