asp.net里的关于dropdownlist控件的问题！

Posted 2023-04-25

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了asp.net里的关于dropdownlist控件的问题！相关的知识，希望对你有一定的参考价值。

我做了一个新闻发布系统。希望在新闻添加的时候，可以选择新闻标题的颜色。希望通过一个dropdownlist控件实现html里能够实现的这种效果：
<select name='TitleFontColor' id='TitleFontColor'>
<option value='' selected>颜色</option>
<option value=''>默认</option>
<option value='#000000' style='background-color:#000000'></option>
<option value='#FFFFFF' style='background-color:#FFFFFF'></option>
<option value='#008000' style='background-color:#008000'></option>
<option value='#800000' style='background-color:#800000'></option>
<option value='#808000' style='background-color:#808000'></option>
<option value='#000080' style='background-color:#000080'></option>
<option value='#800080' style='background-color:#800080'></option>
<option value='#808080' style='background-color:#808080'></option>
<option value='#FFFF00' style='background-color:#FFFF00'></option>
<option value='#00FF00' style='background-color:#00FF00'></option>
<option value='#00FFFF' style='background-color:#00FFFF'></option>
<option value='#FF00FF' style='background-color:#FF00FF'></option>
<option value='#FF0000' style='background-color:#FF0000'></option>
<option value='#0000FF' style='background-color:#0000FF'></option>
<option value='#008080' style='background-color:#008080'></option>
</select>
也就是说像系统颜色选择一样从下拉菜单中选择自己想要的颜色。请各位大侠帮忙给个具体例子！
这个很好啊，不过我做的这个是用C#的！
如果用C#应该怎么做啊？

参考技术A 我稍加修改了一下，不知是否合你的意。？代码如下：

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
Sub TitleFontColor_change(ByVal sender As Object, ByVal e As System.EventArgs)
Title_text.Style("background-color") = DropDownList1.SelectedValue
End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div id="Title_text" runat="server">这里是要变色的标题</div><p/>
<div>颜色:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="TitleFontColor_change">
<asp:ListItem value='' selected="True">默认</asp:ListItem>
<asp:ListItem value="#000000" style="background-color:#000000"></asp:ListItem>
<asp:ListItem value='#000000' style='background-color:#000000'></asp:ListItem>
<asp:ListItem value='#FFFFFF' style='background-color:#FFFFFF'></asp:ListItem>
<asp:ListItem value='#008000' style='background-color:#008000'></asp:ListItem>
<asp:ListItem value='#800000' style='background-color:#800000'></asp:ListItem>
<asp:ListItem value='#808000' style='background-color:#808000'></asp:ListItem>
<asp:ListItem value='#000080' style='background-color:#000080'></asp:ListItem>
<asp:ListItem value='#800080' style='background-color:#800080'></asp:ListItem>
<asp:ListItem value='#808080' style='background-color:#808080'></asp:ListItem>
<asp:ListItem value='#FFFF00' style='background-color:#FFFF00'></asp:ListItem>
<asp:ListItem value='#00FF00' style='background-color:#00FF00'></asp:ListItem>
<asp:ListItem value='#00FFFF' style='background-color:#00FFFF'></asp:ListItem>
<asp:ListItem value='#FF00FF' style='background-color:#FF00FF'></asp:ListItem>
<asp:ListItem value='#FF0000' style='background-color:#FF0000'></asp:ListItem>
<asp:ListItem value='#0000FF' style='background-color:#0000FF'></asp:ListItem>
<asp:ListItem value='#008080' style='background-color:#008080'></asp:ListItem>
</asp:DropDownList>
</div>
</form>
</body>
</html>本回答被提问者采纳参考技术B sql
server
表中有自增长列这个功能，就是插一行数据该列自动增长数字n(n可以自己设)，你把ID在数据库表中设成自增长列，页面中就不要再用DropDownList了。

如何给DropDownList控件设置样式（ASP.NET MVC）

前话：

应学校领导要求，要给后台管理系统添加一个搜索功能，提供可选择选项。我选择使用DropDownList去实现，熟悉.net控件的都知道，DropDownList的样子非常丑，不论是边框长宽还是里面的下拉三角形，都给人很不舒服的感觉，作为一个爱美的女生，怎么可能容忍呢！！！

问题描述：

然后就开始各种查资料找解决方法，先贴没有美化的样子

下拉框的长度是根据选择项里长度最大的文本决定的，这样真的很丑有没有！

下面是代码，

<li class="list-group-item">
                @{
                    if (@ViewBag.key != "")
                    {
                        <input type="text" name="key" value=@ViewBag.key class="form-control no-padding-hr" style="border-radius: 0;" />
                    }
                    else
                    {
                        <input type="text" name="key" placeholder="请输入待搜索单位名称..." class="form-control no-padding-hr" style="border-radius: 0;" />
                    }
                }
            </li>

            <li class="list-group-item">
                @Html.DropDownListFor(model => model.CompanyNature, ViewBag.CompanyNature as IEnumerable<SelectListItem>)
            </li>

            <li class="list-group-item">
                @Html.DropDownListFor(model => model.CompanyBusiness, ViewBag.CompanyBusiness as IEnumerable<SelectListItem>)
                
            </li>

我们并不能直接在这里面给它设置样式

在网上找解决方法，有些建议直接用<select class=””></select>标签，这样的话选择项就要直接在这个标签中手动写选择项，而且要改动的也比较打；还有些呢是直接进入.js文件去改样式，但是对于我这样的新手来说，这个好像不太可行。

然后我在页面中审查元素发现它生成的Html代码实际上还是Select

所以我就想到既然不能直接简单粗暴的添加样式，那能不能通过jQuery去给<select>标签添加样式呢，想到就试一下

很简单的加了两三行代码

$(document).ready(function(){

            $(\'select\').addClass("form-control");

        });

这段代码的意思呢是在页面加载的时候就为select标签添加名为form-control的样式。

BootStrap是个简直不能更赞的东西了，用BootStrap写出来的页面简洁美观漂亮，它给提供了很多类，上面使用的form-control就是BootStrap类库中提供的，最后效果如下

这样就舒服多了有没有，整齐美观，实现方法也很简单

如果还想要更美的效果，比如颜色设置等等，可以自己写一个样式，然后用同样的方法加上就好了。（当我实现的那一刻简直开心到不行！）

以上是关于asp.net里的关于dropdownlist控件的问题！的主要内容，如果未能解决你的问题，请参考以下文章

用ASP.NET怎样动态给dropdownlist控件赋值

将一般的 ASP.NET 控件视为基于列表的控件（即 DropDownList、RadioButtonList 等）

如何给DropDownList控件设置样式（ASP.NET MVC）

asp.net怎样把数据库中字段的值绑定到dropdownlist上，

asp.net中用datatable给dropdownlist绑定数据

ASP.NET中控件dropdownlist下拉菜单选择不同项显示不同的图片