关于层级选择

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4378 天前的主题，其中的信息可能已经有所发展或是发生改变。

有 jQuery 插件可以方便地实现类似这样的选择界面么？

https://www.apple.com/downloads/dashboard/

插件

jquery

层级

6 条回复 • 1970-01-01 08:00:00 +08:00

SErHo

2012-11-19 22:10:01 +08:00

http://www.appelsiini.net/projects/chained

这个有点像，不过界面是下拉框的。

cutehalo

2012-11-19 22:21:57 +08:00

chained有点类似不过是个select下拉列表
http://www.appelsiini.net/projects/chained

bitsmix

2012-11-19 22:30:12 +08:00

自己写插件不行咩。。

Julyyq

2012-11-19 23:22:12 +08:00

自己写一个，很快的。

loddit

2012-11-20 00:34:43 +08:00

因为最近刚做了一个这个东西说一下哈，如过用最基本的标签确实不难写。
这里有一个主要选择我觉得是一次加载进来还是用 ajax 按需加载，具体要看层级和选项的数量了。

最简单的方式大家都想的到：给上一级的选择器绑定事件，如果是选择一次加载用个 object 存下对应关系，重新替换下一级选择器的 DOM 就好了。

btw 如果你的选择器是 <select-option> 的话，需要注意不要使用 jQuery的 hide() 或类似的 fadeOut() 等实际是 display: none 的操作来实现层级。因为很容易在不同的浏览器和平台下出现奇怪的问题，虽说这样写可能更符合直觉。

如果是更复杂的应用，就用些前端 MVC 框架绑定数据和视图，显得就更专业了。

chone

2012-11-20 00:37:46 +08:00

其实就是tabview嘛
http://jqueryui.com/tabs/