移除DropdownList中某一项后，无法禁用另一项的问题求助

原因 #

ASP.NET的DropdownList控件对ListItem的disabled属性处理比较特殊——服务器端的ListItem并没有原生的Disabled属性，你通过Attributes.Add添加的disabled属性，依赖控件的渲染逻辑输出到HTML。但当你调用Items.Remove修改了Items集合后，控件在渲染时会重新生成整个下拉列表的HTML结构，这个过程中会忽略掉你手动添加的disabled属性（但普通属性如title不受影响，因为控件对这类属性的处理逻辑不同）。

解决办法 #

方法1：客户端脚本设置禁用（最简便）

绕过服务器端的渲染限制，直接在页面加载完成后用JS给目标选项加禁用属性，不管服务器端有没有移除项都能生效：

// 在后台代码（比如Page_Load）中注册客户端脚本
ClientScript.RegisterStartupScript(this.GetType(), "disableDropdownItem", 
    "$('#dropdownlist1 option[value=\"item1\"]').prop('disabled', true);", 
    true);

如果不用jQuery，原生JS也可以：

ClientScript.RegisterStartupScript(this.GetType(), "disableDropdownItem", 
    "var option = document.querySelector('#dropdownlist1 option[value=\"item1\"]'); if(option) option.disabled = true;", 
    true);

方法2：改用HtmlSelect控件

HtmlSelect是更贴近原生HTML的服务器控件，对属性的支持更直接，不会因为修改Items集合丢失手动添加的disabled属性：

1. 把页面上的DropdownList换成HtmlSelect（记得设置runat="server"）：

<select id="htmlSelect1" runat="server"></select>

2. 后台操作代码不变，直接添加属性即可生效：

htmlSelect1.Items.Remove(htmlSelect1.Items.FindByText("item2"));
htmlSelect1.Items.FindByValue("item1").Attributes.Add("disabled", "disabled");
htmlSelect1.Items.FindByValue("item1").Attributes.Add("title", "No Access");

方法3：服务器端手动渲染下拉列表（适合复杂场景）

如果必须用DropdownList，可以手动拼接HTML输出，完全控制每个选项的属性：

// 先构建所有选项的HTML字符串
StringBuilder sb = new StringBuilder();
foreach (ListItem item in dropdownlist1.Items)
{
    if (item.Value == "item1")
    {
        sb.Append($"<option value=\"{item.Value}\" disabled title=\"No Access\">{item.Text}</option>");
    }
    else if (item.Text != "item2") // 跳过要移除的项
    {
        sb.Append($"<option value=\"{item.Value}\">{item.Text}</option>");
    }
}
// 把DropdownList换成Literal控件输出HTML
literal1.Text = $"<select id=\"dropdownlist1\" name=\"dropdownlist1\">{sb.ToString()}</select>";

内容的提问来源于stack exchange，提问作者Steven