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>

  • 相关阅读:
    使用VSCode创建简单的Razor Webapp--1.入门
    ASP.NET Razor 常用示例
    ASP.NET Razor 语法
    ASP.NET Razor简介
    EF CodeFirst 一对一、一对多、多对多关系
    mysql外键
    EF CodeFirst 之 Fluent API
    替换JDK 对eclipse的影响?
    mysql数据库,安装 !创建!...详解!
    Apache的commons工具类
  • 原文地址:https://www.cnblogs.com/l-zl/p/7268410.html
Copyright © 2011-2022 走看看