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);