通过城市联动实时将地址显示到text中
<div class="form-group field-supplier-sort <?php if($model->getErrors('province_id') || $model->getErrors('city_id') || $model->getErrors('district_id')):?>has-error<?php else:?>has-success<?php endif;?>"><label class="control-label col-sm-2" for="supplier-sort">配电室所在地区</label><div class="col-sm-10"><div class="form-inline citylist"><?=Html::activeDropDownList($model, 'province_id', ArrayHelper::merge([0=>'请选择省份'], Area::getArrayForInput(0)), ['class'=>'input-sm form-control', 'tabindex'=>5]);?><?=Html::activeDropDownList($model, 'city_id', ArrayHelper::merge([0=>'请选择城市'], Area::getArrayForInput($model->province_id)), ['class'=>'input-sm form-control', 'tabindex'=>5])?><?=Html::activeDropDownList($model, 'district_id', ArrayHelper::merge([0=>'请选择区域'], Area::getArrayForInput($model->city_id)), ['class'=>'input-sm form-control', 'tabindex'=>5])?></div><div class="help-block help-block-error "><?=$model->getFirstError('province_id') . $model->getFirstError('city_id') . $model->getFirstError('district_id')?></div></div> </div> <div class="form-group field-concentrator-voltage has-success"><label class="control-label col-sm-2" for="concentrator-voltage">地址</label><div class="col-sm-2"><input type="text" id="concentrator-address" class="form-control input-sm cityName" name="Concentrator[address]" value="<?=$model->address;?>" ><div class="help-block help-block-error "></div></div> </div> <input type="text" id="alladdress" class="form-control input-sm" name="Concentrator[add]" value="<?=$model->addressText?>"> <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();}});});$(document).on("change", "#concentrator-district_id", function () {getcitytext();});}); </script>class AjaxController extends Controller {public function actionAreaoption(){$parentId = intval($_POST['parent_id']);$default = $_POST['d'];$html = '';if ($default) {$html .= '<option value="0">' . $default . '</option>';}if ($parentId > 0) {$array = Area::getArrayForInput($parentId);foreach ($array as $key=>$value) {$html .= '<option value="' . $key . '">' . $value . '</option>';}}echo $html;} }
转载于:https://www.cnblogs.com/l-zl/p/6514580.html
通过城市联动实时将地址显示到text中相关推荐
- excel整列动态联动下拉_在Excel下拉列表中显示多列
excel整列动态联动下拉 A data validation drop down list in Excel only shows one column of items. See how to s ...
- 在H5中使用腾讯地图,实现定位,距离计算,实时搜索,地址逆解析
在H5中使用腾讯地图,实现定位,距离计算,实时搜索,地址逆解析 1.创建应用 2.下载微信sdk包 3.安装`vue-jsonp` 4.使用 获取当前位置信息,逆解析地址 路线规划,距离计算 实时搜索 ...
- (百度地图)输入地址显示经纬度并且在地图上显示具体位置
输入地址显示经纬度并且在地图上显示具体位置 博主比较懒,不过多描述,直接上代码,通俗易懂,哈哈哈哈哈哈 引入百度地图<script type="text/javascript" ...
- laravel 分词搜索匹配度_【地名地址】面向智慧城市的高精度地名地址匹配方法...
点击上方蓝字关注我们↑↑↑↑ 原 文 摘 要 针对智慧城市建设中各种业务数据对地名地址匹配准确度和效率不高的问题,本文提出一种面向智慧城市的高精度地名地址匹配方法.该方法在基于中文分词的地名地址 ...
- 微信开发小程序云开发云存储中文件下载地址实时读取文件内容实时下载地址解读
微信开发小程序云开发云存储中文件下载地址解读 最近公司要我开发一款具备电子签名功能的微信小程序,虽然我是Android开发程序员,但...老总要求了那我就去做呗,好在微信小程序还算入门容易,网上有很多 ...
- linux主ip地址 网络信息不可用,win10 安装虚拟机提示 主IP地址显示网络信息不可用...
问题:在虚拟机详情下面显示 主ip地址:网络信息不可用 解决办法: 先root用户[root@dfhf~]#cd .. [root@dfhf/]#cd /etc/sysconfig/network-s ...
- 关于crawl DZDP的城市商场名称和地址的参考
关于crawl DZDP的城市商场名称和地址的参考 # -*- coding:utf-8 -*- import csv import json import re import timeimport ...
- Arduino开发实例-DS3231实时时钟+LCD显示
DS3231实时时钟+LCD显示 1.DS3231介绍 DS3231是低成本.高精度I2C实时时钟(RTC),具有集成的温补晶振(TCXO)和晶体.该器件包含电池输入端,断开主电源时仍可保持精确的计时 ...
- [书]x86汇编语言:从实模式到保护模式 -- 第九章 硬中断,使用RTC芯片实现实时时间的显示;软中断,使用BIOS中断实现键盘输入的读取和显示
PART 1 >> 使用BIOS中断实现键盘输入的读取和显示 ; File: c09_2.asm ; Date: 20191222; =========================== ...
最新文章
- Python基础04-数据类型:数字、布尔、字符串
- 黄海广博士的机器学习个人笔记及深度学习笔记
- 010_Spring Data JPA一对多关系
- linux 易语言窗口程序_浅谈Linux入门的基本知识
- 真的不值得重视吗?ETH Zurich博士重新审视贝叶斯深度学习先验
- django-oscar的物流状态pending修改以及分析源码解决报错:The new status 'xxx' is not valid for this order
- 关于angularjs input上传图片前获取图片的Size 浅析
- .NET 某电商交易平台Web站 CPU爆高分析
- TypeError: can only concatenate str (not “list“) to str 报错
- ftp导入oracle,ftp向linux虚拟机传oracle安装包
- java实现网络连接_Java 网络编程 | 菜鸟教程
- 文献阅读-CSC-中文错别字-有关论文搜集-+CGED
- java blocked_Java 线程状态之 BLOCKED
- 科学计算机的用途,科学计算器应用介绍及主要用途
- angularjs防抖
- jquery fadein css同时用,Fadein,fadeout事件一起使用jquery
- kafka-manger监控部署
- HTML5用于定义一篇日志,[网页设计]HTML5之新增的元素
- html中图片自动循环滚动代码,实现长图片自动循环滚动效果
- Spring MVC上传图片,Java二…