当前位置：首页 > 资讯 > 技术文档

select发展史超强第1/2页

时间：2022-08-30 10:40 编辑：来源：阅读：
扫一扫，手机访问

摘要：select发展史超强第1/2页

作者：marvellous 本文旨在大家对select和模拟select有一个全面地了解,使此项技术能发挥出更高的水平。最初的select的确很平淡,就是一个下拉选项列表:

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

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

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

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

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

<select onchange="window.open(this.value,'','')"> <option>产品快速导航</option> <option selected style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=1&CateId=1">多媒体产品</option> <option value="http://www.tcl.com/03product/tv/chanpin-hid.htm">  DLP数字光显背投</option> <option value="http://www.tclking.com">  LCD液晶电视</option> <option value="http://www.tcl.com/03product/tv/chanpin-hid.htm">  数字高清背投</option> <option value="http://www.tcl.com/03product/tv/chanpin-pdp.htm">  PDP等离子电视</option> <option value="http://www.tcl.com/03product/tv/chanpin-crt.htm">  CRT高清彩电</option> <option value="03product/pro2.jsp?cateID=1&CateId=61">  酒店电视</option> <option value="03product/pro2.jsp?cateID=1&CateId=141">  乐华彩电</option> <option value="http://av.tcl.com/03products/List.asp?ListID=246">  视盘机</option> <option value="http://www.tcl.com/03product/mon/index.html">  监视器</option> <option value="http://www.tcl.com/03product/vw/index.html">  电视墙</option> <option style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=11&CateId=1">通讯产品</option> <option value="http://www.tclmobile.com.cn/mobile/product.jsp?catid=77">  手机</option> <option value="03product/pro2.jsp?cateID=11&CateId=18">  电话机</option> <option value="03product/pro2.jsp?cateID=11&CateId=19">  网络设备</option> <option value="03product/pro2.jsp?cateID=11&CateId=293">  宽带产品</option> <option style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=12&CateId=1">数码产品</option> <option value="http://www.tcl-digital.com/product/family.asp">  家用电脑</option> <option value="http://www.tcl-digital.com/product/business.asp">  商用电脑</option> <option value="http://www.tcl-digital.com/product/notebook.asp">  笔记本电脑</option> <option value="http://www.tcl-digital.com/product/digital.asp">  DV产品</option> <option value="http://www.tcl-digital.com/product/digital.asp?Cateid=82">  MP3播放器</option> <option value="http://www.go-video.com.cn/html/productshow.asp?sortid=25&sortid2=7">  MP4播放器</option> <option style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=13&CateId=1">家电产品</option> <option value="03product/pro2.jsp?cateID=13&CateId=25">  电冰箱</option> <option value="03product/pro2.jsp?cateID=13&CateId=26">  洗衣机</option> <option value="http://www.tclac.com/tclaccn/product/product.aspx">  空调</option> <option value="http://www.tclac.com/tclaccn/product/productlist6.aspx">  中央空调</option> <option value="http://www.nanhaitcl.com/product/productlist1.aspx">  电饭煲</option> <option value="http://www.nanhaitcl.com/product/productlist2.aspx">  电磁炉</option> <option value="http://www.nanhaitcl.com/product/productlist3.aspx">  电风扇</option> <option value="http://www.nanhaitcl.com/product/productlist4.aspx">  饮水机</option> <option value="http://www.nanhaitcl.com/product/productlist5.aspx">  电暖器</option> <option value="http://www.nanhaitcl.com/product/productlist6.aspx">  净水器</option> <option value="http://www.nanhaitcl.com/product/productlist7.aspx">  烧烤炉</option> <option style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=14&CateId=1">电气产品</option> <option value="http://www.tcl-elc.com/main/gb/product/index.jsp">  开关插座</option> <option value="http://www.tcl-lighting.com/products.asp">  照明产品</option> <option value="http://www.tclelec.com/product/product_ljfl.htm">  工业电器</option> <option value="03product/pro2.jsp?cateID=14&CateId=161">  智能楼宇</option> <option style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=15&CateId=1">部品产品</option> <option value="http://www.asic.com.cn/cn/product.htm">  集成电路</option> <option value="http://www.tclrf.com/products/index.html">  高频头</option> <option value="http://www.tclbattery.com/china/product01.asp">  电池</option> <option style="BACKGROUND: #999; COLOR: #fff" value="03product/pro2.jsp?cateID=16&CateId=1">文化产品</option> <option value="http://www.meikamusic.com/">  美卡音像</option> <option value="http://www.tcl-disc.com/tp.htm">  TCL光盘</option></select>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

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

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

当前1/2页 [b]1[/b][url=http://www.1sucai.cn/article/6809_2.htm]2[/url][url=http://www.1sucai.cn/article/6809_2.htm]下一页[/url][url=http://www.1sucai.cn/article/6809_all.htm]阅读全文[/url]

全部评论(0)

上一篇：Angular 表单控件示例代码
下一篇：用户注册常用javascript代码

资讯排行榜
更多>>

select发展史 超强第1/2页

select发展史超强第1/2页