我有一个多行文本框,默认设置为ReadOnly。我想在页面上有一个按钮来更改控件以允许它进行编辑。我希望这个代码在客户端运行,因为页面呈现缓慢,我想避免回发。
我遇到的问题是我编写的用于删除readonly属性的javascript代码似乎没有任何效果。我发布了一个精简的示例,说明了您的审核问题。
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test</title>
<script type="text/javascript" language="javascript">
function EnableEditing() {
var e = document.getElementById("<%=TextBox1.ClientID%>");
var result = e.removeAttribute("readonly");
alert(result);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div> </div>
<asp:TextBox ID="TextBox1" runat="server" ReadOnly="True" TextMode="MultiLine">test</asp:TextBox>
<input id="Button1" onclick="EnableEditing()" type="button" value="Remove RO" />
</form>
</body>
</html>
答案 0 :(得分:3)
TextBox1是服务器端id,
尝试
var e = document.getElementById("<%=TextBox1.ClientID%>");
var result = e.removeAttribute("readonly",0);
或者如果您不想进行不区分大小写的搜索
var result = e.removeAttribute("readOnly");//note upercase Only
答案 1 :(得分:1)
使用var e = document.getElementById("<%=TextBox1.ClientID%>");
此外,如果要在回发时读取修改后的文本,则无法在服务器控件上设置readonly属性。您只需在客户端上设置它,如:TextBox1.Attributes("readOnly") = "readOnly";