<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中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。