dropdownlist 选择不同值改变不同颜色。

hstczhgjx 2016-03-23 10:56:01

因为表单有较多dropdownlist,用户容易漏选，想做到，dropdownlist 一开始时是‘请选择’这时，dropdownlist 的背景颜色像是红色，当用户选择了其他后，颜色自动变成黑色，当提交表单是，用户看到都是黑色是已经都选择了，若还有红色就表示有没有选择的。[size=13px][/size]

...全文

365 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

正怒月神版主 2016-03-25

打赏
举报

引用 4 楼 hstczhgjx 的回复:

[quote=引用 3 楼 hanjun0612 的回复:] 我写了个例子，测试过了可行。前台

<body>
        <form runat="server">
        <asp:DropDownList ID="DropDownList1" BackColor="Yellow" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
            <asp:ListItem Value="1" Text="1"></asp:ListItem>
            <asp:ListItem Value="2" Text="2"></asp:ListItem>
        </asp:DropDownList>
        </form>
	</body>

后台：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            if (DropDownList1.SelectedValue == "1")
            {
                DropDownList1.Attributes["style"] = "background-color:Tan";
            }
            else
            {
                DropDownList1.Attributes["style"] = "background-color:SlateBlue";
            }
        }

这是可以，但是我太多这个DropDownList，老师要跟后台交互，要刷新，页面太晃了。[/quote] 那你直接通过前台jquery去弄。

yaotomo 2016-03-25

打赏
举报

也可以用客户端html控件来实现用jquery控制选项变化的事件我更喜欢用这种方式

hstczhgjx 2016-03-24

打赏
举报

引用 3 楼 hanjun0612 的回复:

我写了个例子，测试过了可行。前台

<body>
        <form runat="server">
        <asp:DropDownList ID="DropDownList1" BackColor="Yellow" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
            <asp:ListItem Value="1" Text="1"></asp:ListItem>
            <asp:ListItem Value="2" Text="2"></asp:ListItem>
        </asp:DropDownList>
        </form>
	</body>

后台：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            if (DropDownList1.SelectedValue == "1")
            {
                DropDownList1.Attributes["style"] = "background-color:Tan";
            }
            else
            {
                DropDownList1.Attributes["style"] = "background-color:SlateBlue";
            }
        }

这是可以，但是我太多这个DropDownList，老师要跟后台交互，要刷新，页面太晃了。

正怒月神版主 2016-03-23

打赏
举报

我写了个例子，测试过了可行。前台

<body>
        <form runat="server">
        <asp:DropDownList ID="DropDownList1" BackColor="Yellow" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
            <asp:ListItem Value="1" Text="1"></asp:ListItem>
            <asp:ListItem Value="2" Text="2"></asp:ListItem>
        </asp:DropDownList>
        </form>
	</body>

后台：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            if (DropDownList1.SelectedValue == "1")
            {
                DropDownList1.Attributes["style"] = "background-color:Tan";
            }
            else
            {
                DropDownList1.Attributes["style"] = "background-color:SlateBlue";
            }
        }

正怒月神版主 2016-03-23