900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery 下拉列表 二级联动插件分享【jquery】

jQuery 下拉列表 二级联动插件分享【jquery】

时间:2021-02-23 12:24:26

相关推荐

jQuery 下拉列表 二级联动插件分享【jquery】

web前端|js教程

下拉列表

web前端-js教程

jQuery二级联动插件:jQuery.selected

一个页面可以引用多个联动效果,使用方法:

配置js:

html5 视频播放器源码,vscode怎么index,ubuntu无法安装cmake,afanti.tomcat,sqlite加密库,jquery select 美化插件,bo开头的前端框架,爬虫影视地址,php ..目录,seo 百度优化,私服发布网站管理系统,网页动态菜单怎么做,dz模板门户增加动态,微信二维码 返回到页面上,微信开发管理系统源码,网站程序授权验证系统lzw

var defaults = {

NextSelId: #Select2,

SelTextId: #Text1,

Separator: --,

SelStrSet: [

{ name: 请选择, subname: 请选择},

{ name: ★高起本★, subname: 计算机科学与技术|汉语言文学 },

{ name: ★高起专★, subname: 语文教育|文秘|学前教育|旅游管理|法律事务|经济管理|会计电算化|电子商务|计算机信息管理|软件工程|机电一体化|精细化学品生产技术|机械制造设计及自动化|播音与主持|艺术设计|书法方向艺术设计 },

{ name: ★专升本★, subname: 思想政治教育|汉语言文学|英语|数学与应用数学|电子信息工程|计算机科学与技术|会计学|公共事业管理|旅游管理|体育教育|音乐学|艺术设计|书法方向艺术设计}]

}

var defaults2 = {

NextSelId: #Select4,

SelTextId: #Text2,

Separator: ★,

SelStrSet: [

{ name: 请选择, subname: 请选择},

{ name: 北京, subname: 北京1|北京2 },

{ name: 上海, subname: 上海1|上海2|上海3|上海4 },

{ name: 天津, subname: 天津}]

}

配置说明:

NextSelId:需要联动加载的下拉列表 ID

SelTextId:显示选择选项的文本框 ID

Separator:一级菜单、二级菜单分割字符串

SelStrSet:配置下拉选项

[{ name: 请选择, subname: 请选择}]

name:一级下拉选项;subname:二级下拉选项,多个用“|”分开;

html页面:

$(function () {

$(#Select1).selected(defaults);

$(#Select3).selected(defaults2);

});

有好的建议请留言评论!

挂机浏览广告赚钱源码,vscode不修改源文件,选择ubuntu镜像,tomcat安全优化,小爬虫app,web服务器搭建 php,百度seo优化价位,超级列表框监控网站变化,微场景模板安卓破解lzw

完整JS下载地址

网上b2b2c商城源码,vscode和typora,ubuntu 信息,tomcat900,sqlite双表查询,cpa广告插件,前端三大框架的背景,易语言爬虫抢票,php 模拟 get,seo案例分享ppt,seo网站搭建,网页动效代码,wordpress 亲子模板lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。