zoukankan      html  css  js  c++  java
  • yii2.0 实现城市联动效果

    <script type="text/javascript">
      function getcitytext(){
        citytext = '';
        $(".citylist select").each(function(){
          if($(this).val()>0){
            citytext += $(this).find('option:selected').text();
          }else{
            citytext += '';
          }
        });
        $("#alladdress").val(citytext);
      }
      $(function(){
        getcitytext();
        //选择城市(二级)
        $('#concentrator-province_id').change(function(){
          var parent_id = parseInt($(this).val());
          $.post('<?=Url::to(['/ajax/areaoption'])?>', {parent_id:parent_id, d:'请选择城市'}, function(data){
            if(data) {
              $('#concentrator-city_id').html(data);
              $('#concentrator-district_id').html('<option>请选择区域</option>');
              getcitytext();
            }
          });
        });
        //选择区域(三级)
        $('#concentrator-city_id').change(function(){
          var parent_id = parseInt($(this).val());
          $.post('<?=Url::to(['/ajax/areaoption'])?>', {parent_id:parent_id, d:'请选择区域'}, function(data){
            if(data) {
              $('#concentrator-district_id').html(data);
              getcitytext();
            }
          });
        });
      });
    </script>

  • 相关阅读:
    mysqladmin命令的用法
    利用cacti监控多端口memcache
    Msyqlproxy的编译安装
    eclipse下SVN subclipse插件
    Asp.net SqlDataSource用法 插入 更新 删除
    C#的匿名方法
    MDHH使用图解
    SVN入门及配置使用(多平台)
    编写Windows Live Writer插件(1)
    防止事件冒泡
  • 原文地址:https://www.cnblogs.com/l-zl/p/7268410.html
Copyright © 2011-2022 走看看