网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 Yii2基于Ajax自动获取表单数据的方法
内容
    本文实例讲述了Yii2基于Ajax自动获取表单数据的方法。分享给大家供大家参考,具体如下:
    这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gii生成
    yii2advanced.customers表
    customer_id:int(11)
    customer_name:varchar(100)
    zip_code:varchar(20)
    city:varchar(100)
    province:varchar(100)
    yii2advanced.locations表
    location_id:int(11)
    zip_code:varchar(20)
    city:varchar(100)
    province:varchar(100)
    这里要通过在customer选择zip_code之后自动在表单中填充这个邮编对应的城市和省份信息
    实现方法
    首先需要在Locations控制器里面添加一个方法,他可以通过get过来的zip_id获取对应的location信息
    public function actionGetCityProvince($zipId)
    {
      $location = Locations::findOne($zipId);
      echo Json::encode($location);
    }
    然后通过JS监听select,当select改变时,使用jQuery的get方法获取对应的信息,并使用jQuery的attr方法设置city和province的value即可
    JS代码,位于customer的form视图
    #zipCode 是select的id
    <?php
    $script = <<<JS
    jQuery('#zipCode').change(function(){
      var zipId = $(this).val();
      jQuery.get('index.php?r=locations/get-city-province',{zipId:zipId},function(data){
        var data = jQuery.parseJSON(data);
        jQuery("#customers-city").attr("value",data.city);
        jQuery("#customers-province").attr("value",data.province);
      });
    });
    JS;
    $this->registerJs($script);
    ?>
    希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/22 14:39:38