"asp:DropDownList" 如何用代码(用JS CS都行)展开DropDownList ？

[xggllc]

求助，如题"asp:DropDownList" 如何用代码(用JS CS都行)展开DropDownList ？

本人初学html，最近遇到一个问题，就是创建一个下拉列表，但是这个列表很丑，就想没化一下，在下拉列表的靠右边放一个图标，希望能实现，点击右边的图标时“DropDownList”可以展开。


网上找了很多方法，都不怎么行，请各位前辈指点。

[xggllc]

Up

[娃都会打酱油了]

放个图片，然后js触发下拉列表的click或者focus事件，css不擅长

[xggllc]

引用 2 楼 starfd 的回复:

放个图片，然后js触发下拉列表的click或者focus事件，css不擅长

谢谢斑竹大人，我试了 click 这个貌似不行，再试focus，希望可以用

[xggllc]

引用 4 楼 ajianchina 的回复:

不想看你荒废时间，所以决定回复。 用DropDownList实现这个效果马上放弃。 因为，如果能实现，在不同浏览器中渲染select出来的效果有较大差别，实现了也是“千姿百态”，本想美化，却适得其反，况且多数手动都是基于css，js的所谓实现最终也是通过改变css，但还有个大问题就在于不同浏览器并不完全兼容在option中的背景样式。 最终在web端实现你的效果，在html里头应该是div加li通过css实现，你应该丢掉DropDownList，用Panel做div，或者你干脆就用静态div，可以用Literal放在Panel里做li，后台用for循环生成"<li>选项1</li><li>选项2</li>..."这样的文本赋值给Literal，然后给Panel指定一个样式，li也继承这个样式就行了，如果走这条div+li的方法，网上的html+css的例子多的是了，你就可以拿来用了。

确实如你所说，我找找其它突破口，谢谢啦……

[以专业开发人员为伍]

引用 楼主 xggllc 的回复:

本人初学html，最近遇到一个问题，就是创建一个下拉列表，但是这个列表很丑，就想没化一下，在下拉列表的靠右边放一个图标，希望能实现，点击右边的图标时“DropDownList”可以展开。

下拉列表很丑，那么右边放一个图标就能让下拉列表不丑了吗？

[xggllc]

引用 6 楼 sp1234 的回复:

[quote=引用 楼主 xggllc 的回复:] 本人初学html，最近遇到一个问题，就是创建一个下拉列表，但是这个列表很丑，就想没化一下，在下拉列表的靠右边放一个图标，希望能实现，点击右边的图标时“DropDownList”可以展开。

下拉列表很丑，那么右边放一个图标就能让下拉列表不丑了吗？[/quote] 当然不是，我只是粗略的描述了一下，肯定还有背景、字体以及其它的美化，这个不是我纠结的问题。只是小弟初学，正在走弯路，还是谢谢前辈的回答。

[ajianchina]

不想看你荒废时间，所以决定回复。 用DropDownList实现这个效果马上放弃。 因为，如果能实现，在不同浏览器中渲染select出来的效果有较大差别，实现了也是“千姿百态”，本想美化，却适得其反，况且多数手动都是基于css，js的所谓实现最终也是通过改变css，但还有个大问题就在于不同浏览器并不完全兼容在option中的背景样式。 最终在web端实现你的效果，在html里头应该是div加li通过css实现，你应该丢掉DropDownList，用Panel做div，或者你干脆就用静态div，可以用Literal放在Panel里做li，后台用for循环生成"<li>选项1</li><li>选项2</li>..."这样的文本赋值给Literal，然后给Panel指定一个样式，li也继承这个样式就行了，如果走这条div+li的方法，网上的html+css的例子多的是了，你就可以拿来用了。