使用客户端代码从文本框中删除READONLY属性

时间:2010-03-05 18:52:00

标签: asp.net javascript

我有一个多行文本框,默认设置为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>

2 个答案:

答案 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";