yii2中在view页面写js代码/城市联动

╰半橙微兮° 2022-07-15 14:13 145阅读 0赞

1.

<script><?php $this->beginBlock('js\_end') ?>

$(document).on('change','.address',function()\{

var area\_id = $(this).val();

var \_this = $(this);

\_this.nextAll().remove();

if(area\_id==0)\{

return false;

\}

var url = 'index.php?r=test/area\_child';

$.getJSON(url,\{'area\_id':area\_id\},function(msg)\{

if(msg.length>0)\{

var str="<selectclass='address'><option>..请选择</option>";

$(msg).each(function(k,v)\{

str+="<optionvalue="+v.area\_id+">"+v.area\_name+"</option>";

\})

str+="</select>";

\_this.after(str);

\}

\})

\})

<?php $this->endBlock() ?>

</script>

<?php $this->registerJs($this->blocks\['js\_end'\],\\yii\\web\\View::POS\_END); ?>

2.

<script src='css/jq.js'></script>  
<script>  
$(document).on('change','.address',function()\{  
var area\_id = $(this).val();  
var \_this = $(this);  
\_this.nextAll().remove();  
if(area\_id==0)\{  
return false;  
\}  
var url = 'index.php?r=test/area\_child';  
$.getJSON(url,\{'area\_id':area\_id\},function(msg)\{  
if(msg.length>0)\{  
var str = '';  
str+="<select class='address'><option>..请选择</option>";  
$(msg).each(function(k,v)\{  
str+="<option value="+v.area\_id+">"+v.area\_name+"</option>";  
\})  
str+="</select>";  
\_this.after(str);  
\}  
\})  
\})  
</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关如何用JS实现城市三级联动!

城市三级联动 1.思路及写法 > （1）、首先在网上下载我们所需要用到的json包，里面包含中国的省份以及对应的地级市和县级单位； > > （2）、第一步首先遍历

男娘i/ 2023年01月14日 01:57/ 0 赞/ 186 阅读

相关 html+js城市三级联动与区划代码

[源码链接][Link 1] ![在这里插入图片描述][20210107152403887.png] ![在这里插入图片描述][20210107152440162.png

一时失言乱红尘/ 2023年01月03日 04:48/ 0 赞/ 191 阅读

相关 jQuery城市三级联动菜单js特效

[下载地址][Link 1] jQuery城市三级联动菜单特效是一款jQuery基于json实现的省市区三级联动城市选择实例特效。 ![66511cb215761d7bb6

逃离我推掉我的手/ 2022年09月16日 13:17/ 0 赞/ 251 阅读

相关多级城市联动

//控制器方法 <span style="color:FF0000;">public function index() { $a

た入场券/ 2022年07月26日 11:20/ 0 赞/ 192 阅读

相关 JS全国城市三级联动

HTML <select id="s_province" name="s_province"></select> <select id="s_city"

逃离我推掉我的手/ 2022年07月16日 09:28/ 0 赞/ 289 阅读

相关 js页面展示省市联动

1、regions.js var s=["attr_gsdq","attr_gsdq2"]; var opt0 = ["请选择","请选择"];

- 日理万妓/ 2022年07月16日 05:49/ 0 赞/ 265 阅读

相关 yii2中在view页面写js代码/城市联动

1. <script><?php $this->beginBlock('js\_end') ?> $(document).on('change','.address',fu

╰半橙微兮°/ 2022年07月15日 14:13/ 0 赞/ 146 阅读

相关城市三级联动

数据演示(DEMO)地址：[http://jquerywidget.com/jquery-citys/][http_jquerywidget.com_jquery-city

女爷i/ 2022年06月13日 02:44/ 0 赞/ 302 阅读

相关 JS中简单的二级城市联动

代码奉上: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二级城市联

喜欢ヅ旅行/ 2022年05月11日 06:18/ 0 赞/ 157 阅读

相关全国城市三级联动 html+js

全国城市三级联动，没有css，所以屏幕的自适应必须自己想办法，手机端慎用（最好不要用，因为有些我也说不出的展示问题）。 html页面 <!DOCTYPE html>

本是古典何须时尚/ 2021年12月08日 18:53/ 0 赞/ 367 阅读