地址选择js控制demo

省，市，区 select js控制demo，感觉比较简洁~

<script>

    $(document).ready(function(){

      var str="<option>-----请选择-----</option>";

      var $province =$('#province');

      var $city = $('#city');

      var $area = $('#area');

    $.changeoption = function(changevalue){

        var dom="";

        $(changevalue).each(function(i,j){

          s ="<option>"+j+"</option>";

          dom+=s;

        });

        return dom;

      };

      $province.html(str+$.changeoption(provinces)).bind("change",function(){

        $city.html(str+$.changeoption(citys[$(this).val()]));

        $area.html(str);

      });

      $city.html(str).bind('change',function(){

        $area.html(str+$.changeoption(areas[$(this).val()]));

      });

      $area.html(str);

    });

  </script>

  <div>省：<select id="province"></select></div>

  <div>市：<select id="city"></select></div>

  <div>区：<select id="area"></select></div>