js城市树形控件

╰+攻爆jí腚メ 2022-05-04 14:28 280阅读 0赞

<td class="width-15 active"><label class="pull-right">省/市/区：</label></td>
    	<td class="width-35">
    	<div class=" input-group" style=" width: 100%;">
    		 <form:input path="province" htmlEscape="false"  class="" data-toggle="city-picker" style="height: 34px;"/>
    	</div>
    	</td>

form表单

<link href="../../../static/common/css/bootstrap.css" rel="stylesheet" />
    	<link href="../../../static/common/css/jquery.city.bootstrap.css" rel="stylesheet" />
    	<link href="../../../static/common/css/animate.min.css" rel="stylesheet" />

需要映入的css样式文件，根据自己包路径引入

<script src="../../../static/common/js/bootstrap.js"></script>
    	<script src="../../../static/common/js/jquery.city.js"></script>

需要引入的js文件

<script>
                    $(function () {
                        $('#province').jcity({
                            urlOrData: '../../../static/common/js/citydata.json',
                            animate: { showClass: 'animated flipInX', hideClass: 'animated flipOutX' },
                            onChoice: function (data) {
                                console.log(data);
                            }
                        });
                    });
    			</script>

![在这里插入图片描述][70]

[70]: /images/20220504/eb3cd68c988b409f883d6944eff33aed.png

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery 生撸树形树状结构Tree 树形控件

jquery 生撸树形树状结构Tree 树形控件 jquery 生撸树形树状结构Tree 树形控件 jquery 生撸树形树状结构Tree 树形控件

╰+攻爆jí腚メ/ 2022年10月08日 13:23/ 0 赞/ 195 阅读

相关树形控件CTreeCtrl的使用

树形控件在界面编程中应用十分普遍，如在资源管理器中和树形结构显示书的目录等，我们一步步研究树形控件的使用。在对话框界面上首先拖动创建一个树，一般我们改变三个属性： Has

ゞ浴缸里的玫瑰/ 2022年09月20日 15:22/ 0 赞/ 233 阅读

相关 ElementUI Tree 树形控件

一、概述用清晰的层级结构展示信息，可展开或折叠。官方网站：[https://element.eleme.cn/\/zh-CN/component/tree][htt

矫情吗；*/ 2022年08月28日 13:53/ 0 赞/ 270 阅读

相关 Extjs树形控件入门

Extjs树形控件由Ext.tree.TreePanel类定义,控件的名称为TreePanel,TreePanel继承自Panel类,在Extjs中使用树形控件其实很简单.

梦里梦外;/ 2022年08月23日 14:42/ 0 赞/ 249 阅读

相关 Android打造一个高性能无限层级显示的树形控件（Android树形控件）

Android使用ListView实现一个高性能无限层级显示的树形控件：最近公司的Android项目里有一个地方需要选择某公司的所有部门，因为手机屏幕有限所以并不能像网页那

小灰灰/ 2022年07月18日 21:29/ 0 赞/ 1487 阅读

相关 Java树形菜单_轻量级js树形插件_jsTree树形插件

//插件效果 ![Center][] //代码 <!DOCTYPE html> <html> <head> <title>J

「爱情、让人受尽委屈。」/ 2022年06月04日 00:37/ 0 赞/ 290 阅读

相关 js城市树形控件

<td class="width-15 active"><label class="pull-right">省/市/区：</label></td> <td c

╰+攻爆jí腚メ/ 2022年05月04日 14:28/ 0 赞/ 281 阅读

相关用html+css+js实现一个无限级树形控件

[https://blog.csdn.net/cc\_fys/article/details/81284638][https_blog.csdn.net_cc_fys_arti

落日映苍穹つ/ 2021年12月18日 06:45/ 0 赞/ 803 阅读

相关树形控件的使用

树形控件TreeCtrl和下节要讲的 [列表控件 ListCtrl][ListCtrl]在系统中大量被使用，例如Windows资源管理器就是一个典型的例子。树形控件可以用于

骑猪看日落/ 2021年10月24日 05:38/ 0 赞/ 382 阅读

相关 ASP.NET的面包屑导航控件、树形导航控件、菜单控件

ASP.NET的面包屑导航控件、树形导航控件、菜单控件。 1、面包屑导航控件——SiteMapPath控件 SiteMapPath控件可以为站点提供“面包屑导航”的功能。

迷南。/ 2021年09月17日 12:16/ 0 赞/ 483 阅读