作者TonyQ (^^)
看板Ajax
标题Re: [问题] n个下拉选单共用一份选项list？
时间Wed Dec 23 00:11:11 2009
※ 引述《diamondking (迷惘)》之铭言：
: 大家好，不晓得大家有没有遇过一种状况，
: 假设画面上的有很多很多下选单(DropDownList, 或叫Select)，
: 但其选项列表都是一模一样的，唯独每一个的Selected item可能不同。
: 如此一来，因为大量的重覆选项，造成网页的负担。
: 有没有一种作法，或是有没有JS或jQeury的元件，
: 能让我所有的下拉选单，共用一份列表？
: 我记得以前好像有看过人家做「假」的下拉选单，
: 也就是它实际上似乎是个输入框(input)，旁边加一个很像下拉的按钮，
: 当按钮按下时，才去某个div中抓清单，显示在input底下，
: 制造出伪下拉选单。
: 不知道大家有没有做过或看过这样的东西？
: 先谢谢了
虽然说不是很想举这个例子...
以前我在设计
http://ppolis.tw/user/tony
这个页面左上角那个放大镜的项目时大概是这样做的。
<div>handler </div>
<div>menuItem</div>
1. handler 绑click (也就是放大镜)
2. 计算handler 的位置，（offset）
看状况再偏移个15-20px来显示menuItem。
透过设定position 跟取得 offset 可以轻松指到定点。
（当然是用jQuery比较快.）
3. menuItem绑click (trigger handler 自定义事件设值)
大概就这些吧，考虑到送表单的话，
还要再塞个hidden input 来接值比较方便。
应该是不难做啦，只是繁琐了点而已，而且会比传统的select多一点限制。
至於那个灰色字跟输入框怎麽不互相影响这个就别问了，
我现在只记得光那个框的设计，当时就花了我一整天了.......-w-;;;
原始作法因为 source 被gzip掉 ，我也不方便提供原始码，
所以自己想办法参考罗。
--
那个需求我从头到尾的参考资料跟需求描述,
只有一个放大镜＋参考safari的搜寻框...... XD
--
What do you want to have ? / What do you have?
从书本中，你可以发现我的各种兴趣。
从ＣＤ中，你可以了解我所喜欢的偶像明星。
或许从文字你很难以了解一个人，但从物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.112.219.195