• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 311
  • Last Modified:

I need to change the text of my linkbutton using Java Script

I have a very simple Asp.net program. When my hyperlink button is clicked, I need to change the text on the button from "Clicked" to "Now Clicked". I need the text change to occur client side in my Java Script method SomeMethod(obj) .

Can someone help me out here, I cannot figure it out. The code below works, yet I cannot figure out how to change the text.


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Test1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        LinkButton lb = new LinkButton();
        lb.ID = "myLinkeButton";
        lb.Text = "UnClicked";
        lb.OnClientClick = "return SomeMethod(this)";
        form1.Controls.Add(lb);
   
    }
}
----------------------------------ASP.Net Code below--------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function SomeMethod(obj) {
            // In this method,
            // How do I change the text of my link button to "Now Clicked";
            return false;
        }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

    </div>
    </form>
</body>
</html>
0
brgdotnet
Asked:
brgdotnet
2 Solutions
 
Guy Hengel [angelIII / a3]Billing EngineerCommented:
this should do:

 lb.OnClientClick = "return SomeMethod('myLinkeButton')";


<script type="text/javascript">
       function SomeMethod(id) {
                 var fieldNameElement = document.getElementById(id);
                 id.Text = "some other text";
               return false;
        }
</script>
0
 
Albert Van HalenCommented:
Be aware that using ASP.NET the id on the client is different than on the server. Use ClientID property of the control.
Passing 'this' refers to the element already which is better imo.
You should indeed set the text property in order to change (but use lowercase !)
<script type="text/javascript">
    function SomeMethod(obj) {
        obj.text = 'Now Clicked';
        return false;
    }
</script>

Open in new window

0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now