Why can't change text of label in asp.net from javascript?

Question

This is html code :

<table align='right' >
<tr>
  <td><asp:Label ID="lblEmail" runat="server" Text=""></asp:Label></td> 
  <td > <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark">
     </div></td>
</tr>
</table>

This is my function script:

<script>
        function onSignIn(googleUser) {
            var profile = googleUser.getBasicProfile();
             document.getElementById('lblEmail').InnerHTML = profile.getEmail();         
           // alert(profile.getEmail());

        };
    </script>

lblEmail can't display value, Why?

i try use alert, it display email ok.

what does profile.getEmail?

acostela
– acostela

2017-05-26 09:03:18 +00:00
Commented May 26, 2017 at 9:03 — acostela
– acostela, Commented May 26, 2017 at 9:03
return value of check login with google email.

D T
– D T

2017-05-26 09:04:56 +00:00
Commented May 26, 2017 at 9:04 — D T
– D T, Commented May 26, 2017 at 9:04
where is runat="server" on Label ?

Alkis Giamalis
– Alkis Giamalis

2017-05-26 09:09:32 +00:00
Commented May 26, 2017 at 9:09 — Alkis Giamalis
– Alkis Giamalis, Commented May 26, 2017 at 9:09
innerHTML needs a lowercase i

Alkis Giamalis
– Alkis Giamalis

2017-05-26 09:18:26 +00:00
Commented May 26, 2017 at 9:18 — Alkis Giamalis
– Alkis Giamalis, Commented May 26, 2017 at 9:18
good, it is ok.

D T
– D T

2017-05-26 09:20:31 +00:00
Commented May 26, 2017 at 9:20 — D T
– D T, Commented May 26, 2017 at 9:20

Alkis Giamalis · Accepted Answer · 2017-05-26 09:24:03Z

3

Type innerHTML with a lowercase i:

<script>
       function onSignIn(googleUser) {
        var profile = googleUser.getBasicProfile();
         document.getElementById('lblEmail').innerHTML = profile.getEmail();         
       // alert(profile.getEmail());

    };
</script>

answered May 26, 2017 at 9:24

Alkis Giamalis

3208 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kung Fu Panda Over a year ago

LOL that was a bummer :p

Kung Fu Panda · Accepted Answer · 2017-05-26 09:22:16Z

1

Edit 2:
Make sure your label control is outside updatepanel. If it's inside updatepanel then place your js code inside below function too.

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function() {
    // re-bind your jQuery or Javascript events here
});

Edit 1:
Use document.getElementById('lblEmail').value instead of document.getElementById('lblEmail').InnerHTML.
Try using below code:

<script>
        function onSignIn(googleUser) {
            var profile = googleUser.getBasicProfile();
             document.getElementById('lblEmail').value = profile.getEmail();         
           // alert(profile.getEmail());

        };
    </script>

edited May 26, 2017 at 9:22

answered May 26, 2017 at 9:11

Kung Fu Panda

64610 silver badges22 bronze badges

1 Comment

D T Over a year ago

i had try it, but it still can't set.

Imad · Accepted Answer · 2017-05-26 09:07:07Z

0

Asp.net might have changed id. Try

document.getElementById('<%= lblEmail.ClientID %>').InnerHTML = profile.getEmail();

answered May 26, 2017 at 9:07

Imad

7,51014 gold badges64 silver badges124 bronze badges

Comments

Ahmet Çolak · Accepted Answer · 2017-05-26 09:11:47Z

0

profile.getEmail() function return any string value ? if yes try:

var value= profile.getEmail(); $("#lblEmail").html(value);

edited May 26, 2017 at 9:11

answered May 26, 2017 at 9:08

Ahmet Çolak

617 bronze badges

2 Comments

Imad Over a year ago

Did you read the question? i try use alert, it display email ok.

Ahmet Çolak Over a year ago

Change it to $('#<%= lblEmail %>') set the ClientIDMode property to Static instead.

Xariez · Accepted Answer · 2017-05-26 09:19:45Z

0

If the previous answers haven't helped, you might need to "find" it using jQuery inside the table. So like such:

var labelValue = $("table tr td").find("#lblEmail").val(); 
window.alert(labelValue);

answered May 26, 2017 at 9:19

Xariez

7899 silver badges26 bronze badges

Collectives™ on Stack Overflow

Why can't change text of label in asp.net from javascript?

5 Answers 5

1 Comment

1 Comment

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related