对象 —【Json遍历运用】

<select id="sel"></select>
<select id="sels"></select>
      <script type="text/javascript">
   var cityData=[{
      name:'河北省',
      city:[{
         name:'邢台市'
      },{
         name:'唐山市'
      },{
         name:'邯郸市'
      }]
   },{
      name:'广东',
      city:[{
         name:'珠海市'
      },{
         name:'汕头市'
      },{
         name:'佛山市'
      }]
   },{
      name:'河南',
      city:[{
         name:'珠海市1'
      },{
         name:'汕头市1'
      },{
         name:'佛山市1'
      }]
   }]
          var a='<option>==请选择省==</option>';
   for(key in cityData){
      a+='<option>'+cityData[key].name+'</option>';
   }
   $('#sel').html(a);
   $('#sel').change(function(){
      var htm='<option>==请选择市==</option>'
              for(key in cityData){
                  var cit=$(this).val()
                  if(cit==cityData[key].name){
            var b=cityData[key].city;
            for(key in b){
               htm+='<option>'+b[key].name+'</option>'
            }
            $('#sels').html(htm);
         }
              }
   })
</script>