请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 55011|回复: 52

select发展史 [复制链接]

marvellous 楼主

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2006-3-24 15:29:00 |显示全部楼层
本文旨在大家对select和模拟select有一个全面地了解,使此项技术能发挥出更高的水平。
最初的select的确很平淡,就是一个下拉选项列表:

 提示:您可以先修改部分代码再运行


日久天长之后,人们对select要求高了,要修一修边幅:

 提示:您可以先修改部分代码再运行



要加一些链接,变成菜单:

 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行


后来发展到其文字内容可以增、删、编、改,即可以编辑:

 提示:您可以先修改部分代码再运行





已有 1 人评分威望 收起 理由
zhuyinhong + 1 谢谢分享

总评分: 威望 + 1   查看全部评分


┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

西部数码顶级域名注册商39元抢注!
marvellous 楼主

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2006-3-24 16:13:00 |显示全部楼层
接续上文
可编辑的select:

 提示:您可以先修改部分代码再运行



 提示:您可以先修改部分代码再运行



为了让select里有更多的图片、css修饰及其他静、动态修饰效果,而select本身优先级别太高,其修饰效果很少且不能满足上述要求,遂涌现出很多模拟的select:

 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行




下面这两个已达到较高的水准(动态内容):

 提示:您可以先修改部分代码再运行

 提示:您可以先修改部分代码再运行



┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

帖子
212
体力
639
威望
26
发表于 2006-3-24 16:23:00 |显示全部楼层
有一两个有点意义。
要能上下键也能用才行,但加一堆代码似乎不值啊。
飞翔在碧草春绿里的鸢,正寻找着属于青春轨迹中富有无限生机的绿!
"鸢飞戾天,鱼跃于渊。"愿你我共同进步!
http://jiarry.126.com

使用道具 举报

marvellous 楼主

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2006-3-31 12:49:00 |显示全部楼层
可以去掉下拉的小三角,但不可以无边框

 提示:您可以先修改部分代码再运行


┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

使用道具 举报

帖子
174
体力
564
威望
6
发表于 2006-3-31 13:22:00 |显示全部楼层
相当的厉害

使用道具 举报

marvellous 楼主

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2006-4-5 20:41:00 |显示全部楼层
鼠标移过来select自动下拉

 提示:您可以先修改部分代码再运行


┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

使用道具 举报

marvellous 楼主

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2006-4-10 12:39:00 |显示全部楼层
圆角select:

 提示:您可以先修改部分代码再运行


┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

使用道具 举报

帖子
10
体力
70
威望
0
发表于 2006-4-12 17:23:00 |显示全部楼层
真正有意义的没有几个,那个可编辑的,编辑是编辑了,但下拉框里还是以前的

现在觉得SELECT比较讨厌,HTML控件中就它最特别,层盖不住,还得用个IFRAME来盖
、、、
哈皮百科

使用道具 举报

帖子
48
体力
179
威望
0
发表于 2006-4-14 23:31:00 |显示全部楼层
从来没敢想过select还能这么做,真是谢谢楼主让我开了眼界,收藏先
caiban.langz.cn

使用道具 举报

帖子
177
体力
569
威望
0
发表于 2006-5-5 18:08:00 |显示全部楼层
支持,顶顶


真希望什么时候能让w3c重新定义下select,摒弃各种缺点

使用道具 举报

帖子
128
体力
438
威望
0
发表于 2006-5-5 21:15:00 |显示全部楼层
老大发彪了

使用道具 举报

真善美离我很远

禁止发言

帖子
1418
体力
2767
威望
4
发表于 2006-7-27 19:24:23 |显示全部楼层
除了第一个都是模拟的啊,这不是 select 教程,这是 JavaScript 教程。

你不是从哪转贴过来的吧?怎么代码乱得一比阿。

[ 本帖最后由 myraider 于 2006-7-27 19:25 编辑 ]

使用道具 举报

帖子
117
体力
355
威望
0
居住地
广东省 东莞市
发表于 2006-8-6 23:12:35 |显示全部楼层
用层模拟的select怎么加上value呀?
有问必答,答非所问

使用道具 举报

帖子
6
体力
14
威望
0
发表于 2006-8-7 13:48:56 |显示全部楼层

楼主很强!

但是怎么在列表项里边显示上下标文字呀?我要在列表里显示平方米符号m2,怎么做呀?

使用道具 举报

henlly 
帖子
464
体力
1513
威望
1
居住地
福建省 福州市
发表于 2006-8-7 20:52:54 |显示全部楼层
可惜好多都不支持FF...
人生如棋, 举手无悔!!! 珍惜现在的每一分每一秒,珍惜你身边的每一个人;每一个机会. 别错过了再说后悔......

使用道具 举报

帖子
240
体力
1300
威望
0
发表于 2006-10-5 11:59:57 |显示全部楼层
看来楼主对select非常有研究,我有个问题想请教。
Q:select虽然丑陋但是却是唯一可以可以跨框架的下拉菜单,但奇怪的是,对select进行了一些修改后,比如改改背景什么的,跨框架的特性却消失了。楼主以上实例确实丰富,但大部分都失去了跨框架的特性。

使用道具 举报

風雲 
帖子
455
体力
1462
威望
0
发表于 2006-10-5 16:23:30 |显示全部楼层
建议加到:置顶 I 中的“ [收藏] JavaScript 经典效果集 - 9月18日更新至第67个效果 ”中。
楼主也是版主,请加到这个里面,谢谢。太好了。

看来以后不需要C/S了,就B/S就行了,以后看来要流行胖客户端了。哈
政府办公自动化http://www.govoa.net

使用道具 举报

GIDOT 
帖子
113
体力
152
威望
0
发表于 2006-11-21 16:36:25 |显示全部楼层
恭喜你,这些代码在火狐下全部显示错误。

使用道具 举报

ttyp 
帖子
55
体力
209
威望
2
发表于 2006-11-21 16:57:19 |显示全部楼层
总结的不错,但是似乎少了个分组的select

使用道具 举报

carle 
帖子
12
体力
49
威望
0
发表于 2006-11-22 09:53:17 |显示全部楼层
看不出有多大用处。。。

使用道具 举报

幽谷鸟

银牌会员

帖子
883
体力
2830
威望
2
居住地
广东省 深圳市
发表于 2006-11-27 16:44:13 |显示全部楼层
高手过招。。。

使用道具 举报

帖子
211
体力
913
威望
0
发表于 2006-11-27 17:12:50 |显示全部楼层
输入后显示SELECT里的内容怎么实现呀
比如:输入112
下面显示112
            112455
及相关的谢谢

使用道具 举报

帖子
68
体力
149
威望
0
发表于 2007-8-28 14:56:16 |显示全部楼层
有这样的帖子 这个论坛何愁不兴啊
..渴望爱情..

使用道具 举报

ahwing 

ahwing

银牌会员

帖子
588
体力
1993
威望
2
居住地
广东省 深圳市
发表于 2008-3-18 22:02:58 |显示全部楼层
楼主是一个可爱的人,总是能想到,并做出来一些有趣的东西。

虽然无法兼容,但是效果还是很可爱的。适合无视除了IE之外其他浏览器的人。

:-)

最后赞下。

使用道具 举报

no1234 
帖子
232
体力
1458
威望
0
发表于 2008-3-24 18:40:14 |显示全部楼层
有没有那种数据库版的二级或三级动态下拉菜单,可编辑的SELECT输入字符下拉框可以找出相似的值出来呢?

使用道具 举报

lcgtpr 

西奥

版主 手机认证 

帖子
5995
体力
4777
威望
0
居住地
辽宁省 沈阳市
发表于 2008-4-28 10:54:08 |显示全部楼层
如果按1楼最下面的方法做,怎么添加点击事件呢?

使用道具 举报

帖子
57
体力
201
威望
0
居住地
江苏省 南京市
发表于 2008-10-14 10:23:15 |显示全部楼层
正要找这代码呢

使用道具 举报

帖子
56
体力
129
威望
0
发表于 2008-10-14 10:43:07 |显示全部楼层
乱糟糟的,没兼容性

[ 本帖最后由 feifeifanke 于 2008-10-14 10:46 编辑 ]
fanyshowcn

使用道具 举报

zzxstr 
帖子
221
体力
833
威望
0
发表于 2008-11-13 11:49:05 |显示全部楼层
只是说修改一下select的样式,怎么跑出这么多东西来了。

使用道具 举报

帖子
33
体力
82
威望
0
发表于 2008-11-25 17:15:03 |显示全部楼层
高手是在过招

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 11:09 , Processed in 0.212138 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部