Yii2基于Ajax自动获取表单数据的方法

2025-05-29 0 90

本文实例讲述了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信息

?

1

2

3

4

5
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

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14
<?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程序设计有所帮助。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 Yii2基于Ajax自动获取表单数据的方法 https://www.kuaiidc.com/97085.html

相关文章

发表评论
暂无评论