是否有一种方法可以在下拉列表中设置插入项的样式,以便在选择时进行更改

本文关键字:样式 选择 插入 一种 是否 下拉列表 方法 设置 | 更新日期: 2023-09-27 18:08:15

我正在使用asp.net,并有一个下拉列表,由sql查询填充。我希望某些项目的风格不同,如果他们以前被选中,有什么想法吗?我正在处理的表有一个标志表示已被选中。

是否有一种方法可以在下拉列表中设置插入项的样式,以便在选择时进行更改

您可以将您的选项设置为<option value="volvo" style="background-color: #dddddd">Volvo</option>;

    <select class="auto">
      <option value="saab">Saab</option>
      <option value="volvo" style="background-color: #dddddd">Volvo</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
演示

在创建选择时,请确保将之前选择的选项标记为"selected",然后在CSS中添加

.mySelectClass option {
    background-color: #FFF;
}
.mySelectClass option:checked {
    background-color: #00F;
    color: #FFF;
}

由于您没有提供任何代码,这里是一种方法,它在填充后循环遍历下拉列表中的所有项,并检查是否可以找到任何值为"selected"的项,并更改其背景颜色。

protected void DropDownList1_DataBound(object sender, EventArgs e)
{
    foreach (ListItem myItem in DropDownList1.Items)
    {
        //Do some things to determine the color of the item
        //Set the item background-color like so:
        if(myItem.Value.Equals("Selected")) // check if the value is 'selected'
            myItem.Attributes.Add("style", "background-color:red");
    }
}