Javascript 在ASP.NET中将类动态添加到只读字段

HTML

JS

readonly属性正在工作，我必须将输入从asp:TextBox更改为标准HTML TextObj，因为否则该值将无法检索到服务器端，并且我不想使用隐藏字段

但是，现在不再应用.disabledTb类。代码的其余部分工作正常，并且正在更改

var TextBox = document.getElementById('<%= TextBox.ClientID %>');

var TextBox=document.getElementById（“”）；

到

var TextBox=document.getElementById（'#'）；

导致控制台中出现空引用

更新

我忘了说我使用的是母版页，所以id最终类似于“ctl00$ContentPlaceholder 1$TextBox”

解决方案

---

结果我引用了错误的控件。解决了我的问题。 代码的其余部分完全可用

---

jQuery函数需要在调用ID时引用带有的控件，而不是普通Javascript<代码>即使在runat属性设置为server的HTML输入中也可以使用。这将在使用母版页时提供正确的ID。

您明确地将输入的ID设置为“TextBox”，但尝试将其检索为

，使用“TextBox”作为ID（更好的是，为ID指定一个更有意义的名称）

---

ClientId用于ASP.net控件，其ID由ASP运行时自动生成。

结果表明我引用了错误的控件。在脚本中引用正确的控件解决了我的问题。代码的其余部分完全可用

---

jQuery函数需要在调用ID时引用带有

的控件，而不是普通Javascript<代码>即使在runat属性设置为server的HTML输入中也可以使用。这将在使用母版页时提供正确的ID。

我忘了说我正在使用母版页，因此ID最终类似于“ctl00$contentplaceholder 1$TextBox”

.disabledTb {
            background-color: rgb(235, 235, 228);
            color: rgb(84, 84, 84);
        }

var TextBox = document.getElementById('<%= TextBox.ClientID %>');

var TextBox = document.getElementById('#<%= TextBox.ClientID %>');