自定义下拉列表样式（带有 ASP.NET C# 连接的 CSS/JS）答案

【问题标题】：Custom Drop Down List Styling (CSS/JS with ASP.NET C# Connection)自定义下拉列表样式（带有 ASP.NET C# 连接的 CSS/JS）
【发布时间】：2013-01-21 15:23:51
【问题描述】：

目前我正在使用这样的 ASP.net DropdownList：

<asp:DropDownList ID="CourseSelectionDropdown" DataTextField="DropdownDisplay" DataValueField="CourseId"
            runat="server" Font-Size="Small" Width="250px" OnSelectedIndexChanged="CourseSelectionDropdown_OnSelectedIndexChanged"
            AutoPostBack="True">

它看起来很丑，我想使用类似下面的东西，我将进一步自定义（删除图像，并使每个列表项双行 - 很像 facebook 下拉菜单）。

http://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html#

我是 ASP.net 的新手，想了解如何将 HTML/JS 列表项与 C# 代码中的方法链接起来。

我在互联网上搜索了两个小时，没有任何具体或易于阅读的解决方案。

【问题讨论】：

像CssClass="myDDL" 一样为您的DropDownList 分配一些类，并通过调用var select = $('select.myDDL'); 使用@Diodeus 示例链接对其进行样式设置

标签： c# javascript asp.net css

【解决方案1】：

通常您只需使用基于 jQuery 的插件，它将您的 SELECT 转换为更复杂的样式化 HTML。

见：http://tutorialzine.com/2010/11/better-select-jquery-css3/

【讨论】：