jquery mobile 省城级别下拉框架Ajax数据加载

    <link href="<%=basePath %>/frontResource/wap/jquery/jquery.mobile-1.3.2.css" rel="stylesheet" />
 <script src="<%=basePath %>/frontResource/wap/jquery/jquery-1.8.3.min.js"></script>

//页面不使用ajax加载，就是打开新的页面时，不会嵌入到源页面。而是正常打开请求页面

<script type="text/javascript">
 $(document).bind("mobileinit", function() {
   //mobile disable ajax nav
   $.mobile.ajaxEnabled=false;
  });
 </script>

 <script src="<%=basePath %>/frontResource/wap/jquery/jquery.mobile-1.3.2.js"></script> 

 

$("#region").change(function(){
        $('#city').empty();//当省级选择变换时，清空城市下拉框，并用jquery ajax请求城市数据并加载出来
          if($('#region').val()=='-1'){return ;}
   
    $.ajax({
    url: '<%=basePath %>/wap/my_getCityList.ehtml',
    type:'post',
    data:{regionId:$("#region").val()},
    dataType:'json',
    success:function(data){
        var cityList = data.cityList;
     if(cityList.length > 0){
      $('#city').append("<option value='-1' selected='selected'>选择城市</option>");
      $(cityList).each(function(index,value){
       $('#city').append("<option value='"+value.regionId+"' >"+value.name+" </option>");
      });
      $('#city').selectmenu("refresh");//刷新城市下拉框
     }
    }
    });
     
      });