jQuery插件封装-多级联动

最新推荐文章于 2025-06-07 13:33:57 发布

最爱夜明珠

最新推荐文章于 2025-06-07 13:33:57 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Jquery插件封装文章标签： jquery 多级联动省市县插件

本文链接：https://blog.youkuaiyun.com/kkwyk/article/details/88893271

针对频繁使用到的基于标签的多级联动，例如省市县或者其他多级类型，自动扩展，无层级限制

参数说明

参数	说明	是否必填
data	数组对象，至少包含编码，父编码，名称	必填
value	默认选中对象的编码，初始化select标签	选填
scope	初始化一个id和name为scope参数的值的input标签，select标签联动时，设置该input标签的value为最后一级select标签的值，供外部调用	选填
field	编码的字段名称	必填
pField	父编码的字段名称	必填
nameField	编码对应的名称的字段名称	必填
style	select标签的style	选填
class	select标签的class	选填
callback	回调函数，当select标签被选择时调用，返回被选中对象	选填

代码

select.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="typeSelect"></div>
		<script type="text/javascript" src="../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../js/jquery.type-select.js" ></script>
		<script>
			var data = [{
    
    id:'1',pId:null,name:'中国'},
						{
    
    id:'101',pId:'1',name:'湖北省'},
						{
    
    id:'102',pId:'1',name:'广东省'},
						{
    
    id:'103',pId:'1',name:'湖南省'},
						{
    
    id:'10101',pId:'101',name:'武汉市'},
						{
    
    id:'10102',pId:'101',name:'宜昌市'},
						{
    
    id:'10103',pId:'101',name:'恩施市'},
						{
    
    id:'10104',pId:'101',name:'襄阳市'},
						{
    
    id:'10105',pId:'101',name:'随州市'},
						{
    
    id:'10201',pId:'102',name:'广州市'},
						{
    
    id:'10202',pId:'102',name:'东莞市'},
						{
    
    id:'10203',pId:'102',name:'佛山市'},
						{
    
    id:'1010101',pId:'10101',name:'洪山区'},
						{
    
    id:'1010102',pId:'10101',name:'江岸区'}