您好,欢迎访问一九零五行业门户网

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程序设计有所帮助。
更多yii2基于ajax自动获取表单数据的方法。
其它类似信息

推荐信息