{"id":18387328,"url":"https://github.com/terryz/selectmenu","last_synced_at":"2025-04-05T23:11:59.977Z","repository":{"id":65493810,"uuid":"106082125","full_name":"TerryZ/SelectMenu","owner":"TerryZ","description":"Simple, easily and diversity menu solution","archived":false,"fork":false,"pushed_at":"2019-09-10T01:51:55.000Z","size":96,"stargazers_count":296,"open_issues_count":5,"forks_count":48,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-03-29T22:09:15.022Z","etag":null,"topics":["autocomplete","dynamic-data","embedded","jquery-plugin","menu","menu-generator","popup","right-click","select-multiple","selector","tabs"],"latest_commit_sha":null,"homepage":"https://terryz.github.io/selectmenu","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TerryZ.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-07T08:20:09.000Z","updated_at":"2024-11-14T02:04:06.000Z","dependencies_parsed_at":"2023-01-25T21:15:19.153Z","dependency_job_id":null,"html_url":"https://github.com/TerryZ/SelectMenu","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectMenu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectMenu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectMenu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectMenu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TerryZ","download_url":"https://codeload.github.com/TerryZ/SelectMenu/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411239,"owners_count":20934653,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","dynamic-data","embedded","jquery-plugin","menu","menu-generator","popup","right-click","select-multiple","selector","tabs"],"created_at":"2024-11-06T01:25:43.626Z","updated_at":"2025-04-05T23:11:59.960Z","avatar_url":"https://github.com/TerryZ.png","language":"JavaScript","readme":"# SelectMenu\n\n\u003e 简洁、易用、多样的菜单解决方案\n\n## 入门指南、DEMO、文档\n\n*插件官方首页（入门指南、DEMO、文档）：*\n\n[中文官网](https://terryz.gitee.io/selectmenu/index.html)\n\n[英文官网](https://terryz.github.io/selectmenu/index.html)\n\n*项目GitHub地址：*\n\n[https://github.com/TerryZ/SelectMenu](https://github.com/TerryZ/SelectMenu)\n\n\n\n## 插件运行效果预览\n\n*常规菜单模式*\n\n![SelectMenu1](https://terryz.github.io/image/SelectMenuBase.png \"SelectMenu\")\n\n*高级菜单模式*\n\n![SelectMenu2](https://terryz.github.io/image/SelectMenu.png \"SelectMenu\")\n\n*高级菜单多分组数据模式*\n\n![SelectMenu3](https://terryz.github.io/image/SelectMenuGroup.png \"SelectMenu\")\n\n\n\n### 如果您觉得项目还不错，还请给项目（ [Github](https://github.com/TerryZ/SelectMenu) / [码云](https://gitee.com/TerryZ/SelectMenu) ）加个Star，同时欢迎Follow [Github个人主页](https://github.com/TerryZ)\n\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\n\n\n\n### 功能特点\n\n\n* 基于 jQuery1.x 开发, jQuery2和3的版本未经测试\n\n* 简洁清爽的界面，可适应大多数UI环境\n\n* Autocomplete输入自动查找功能\n\n* 结果列表多分组（Tabs）展示\n\n* 允许使用静态数据或动态获取数据的数据源\n\n* 使用键盘快速导航、选择等操作\n\n* 高级模式下支持多项目被选中\n\n* 支持鼠标右键呼出菜单模式\n\n* 丰富的参数设置及功能API调用\n\n浏览器兼容：IE8+、Chrome、Firefox等\n\n插件基于jQuery开发，可即插即用于多数UI环境\n\n\n## 怎么使用SelectMenu\n\n在 [Github](https://github.com/TerryZ/SelectMenu) 或 [码云](https://gitee.com/TerryZ/SelectMenu) 上下载最新版本，解压后并放入需要使用的项目中\n\n### 引用文件\n\n```html\n\u003c!-- 基础环境引用说明 --\u003e\n\u003c!-- jQuery功能库引用 --\u003e\n\u003cscript type=\"text/javascript\" src=\"jquery.min.js\" \u003e\u003c /script\u003e\n \n\u003c!-- SelectMenu插件样式引用 --\u003e\n\u003clink rel=\"stylesheet\" href=\"selectmenu.css\" type=\"text/css\"\u003e\n \n\u003c!-- SelectMenu插件核心脚本 --\u003e\n\u003cscript type=\"text/javascript\" src=\"selectmenu.js\" \u003e\u003c /script\u003e\n```\n\n### HTML代码\n\n```html\n\u003c!-- 设置触发菜单打开对象，在此仅为最常用的按钮为例 --\u003e\n\u003cbutton type=\"button\" id=\"btnDemo\"\u003eSelect Menu\u003c/button\u003e\n```\n\n### 脚本初始化插件\n\n```js\n//定义数据源\n//数据格式：Array[{Object},{...}]\nvar data = [\n    {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},\n    {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},\n    {id:3 ,name:'Detroit Pistons',desc:'底特律活塞'},\n    {id:4 ,name:'Indiana Pacers',desc:'印第安纳步行者'}\n];\n//初始化插件\n$('#btnDemo').selectMenu({\n    showField : 'desc',\n    keyField : 'id',\n    data : data\n});\n```\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterryz%2Fselectmenu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fterryz%2Fselectmenu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterryz%2Fselectmenu/lists"}