Home/ Questions/Q 642425
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T21:10:11+00:00

I have a multiline textbox that by default, is set to ReadOnly. I would

  • 0

I have a multiline textbox that by default, is set to ReadOnly. I would like a button on the page to change the control to allow it to be edited. I would like this code to run on the client side because the page renders slowly and I’d like to avoid the post back.

The problem I’m having is the javascript code that I wrote to remove the readonly attribute appears to have no effect. I posted a stripped down example that illustrates the problem for your review. 

<%@ 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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    TextBox1 is the server side id,

    try 

    var e = document.getElementById("<%=TextBox1.ClientID%>");

 var result = e.removeAttribute("readonly",0);

    or if you dont want the caseinsensitive search

     var result = e.removeAttribute("readOnly");//note upercase Only
    • 0