SELECT与JS的配合 --- Ryan 's BLOG

私人空间 http://www.zzrsc.com/hanlin

数据载入中......

数据载入中......

公告

数据载入中......

我的专题（分类）

数据载入中......

最新日志

数据载入中......

日志搜索

数据载入中......

链接

数据载入中......

blog信息

数据载入中......

[网站制作]SELECT与JS的配合

sihanlin发表于：2008-7-12 17:54:16

这里简介使用SELECT 与 JS 的OPEN 属性配合出的 2中效果
如图所示：

源代码是：<select name="select" onchange="javascript:window.open(this.options
[this.selectedIndex].value)" size="10">
<option selected>-本地网站链接-</option>
<option value="

http://pds.henanews.org.cn">鹰城新闻中心</option>
<option value="

http://www.pdsrtv.com">平顶山广电网</option>
<option value="

http://www.pds.gov.cn">平顶山市政府</option>
<option value="

http://www.pdsinfo.ha.cn">平顶山信息港</option>
<option value="

http://www.pmcc.com.cn">平煤信通网</option>
<option value="

http://www.englishchina.com">英语中国网</option>
<option value="

http://www.0375.net">平顶山商务网</option>
<option value="

http://pds.hnnw.net">平顶山兴农网</option>
<option value="

http://www.east99.com">鹰城在线</option>
<option value="

http://www.weidong.gov.cn">卫东信息网</option>
</select>

源代码是：
<select name="select" onchange="javascript:window.open(this.options
[this.selectedIndex].value)" size="1">
<option selected>-本地网站链接-</option>
<option value="

http://pds.henanews.org.cn">鹰城新闻中心</option>
<option value="

http://www.pdsrtv.com">平顶山广电网</option>
<option value="

http://www.pds.gov.cn">平顶山市政府</option>
<option value="

http://www.pdsinfo.ha.cn">平顶山信息港</option>
<option value="

http://www.pmcc.com.cn">平煤信通网</option>
<option value="

http://www.englishchina.com">英语中国网</option>
<option value="

http://www.0375.net">平顶山商务网</option>
<option value="

http://pds.hnnw.net">平顶山兴农网</option>
<option value="

http://www.east99.com">鹰城在线</option>
<option value="

http://www.weidong.gov.cn">卫东信息网</option>
</select>

两个代码的区别就是 SIZE的取值变化~
可以再次通过CSS来进行适当的优化~

阅读全文 | 回复

数据载入中......