Set innerHTML in javascript and get from C#

Question

I have two labels:

  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
  <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>

and I set innerHTML by javascript:

document.getElementById('Label1').innerHTML = position.lat();
document.getElementById('Label2').innerHTML = position.lng();

How I can get those labels values in codebehind? I try:

TextBox2.Text = Label1.Text;

UPDATE:I need to get pushpin location:

  <artem:GoogleMap ID="GoogleMap1" runat="server" 
    EnableMapTypeControl="False" MapType="Roadmap" >        
  </artem:GoogleMap>      
  <artem:GoogleMarkers ID="GoogleMarkers1" runat="server" 
    TargetControlID="GoogleMap1" onclientpositionchanged="handlePositionChanged">
  </artem:GoogleMarkers> 
  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
  <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>

<script type="text/javascript">
  var list = document.getElementById("Label1");
  function handlePositionChanged(sender, e) {
    printEvent("Position Changed", sender, e);
  }
  function printEvent(name, sender, e) {
    var position = e.latLng || sender.markers[e.index].getPosition();
    document.getElementById('Label1').innerHTML = position.lat();
    document.getElementById('Label2').innerHTML = position.lng();
  }
</script>

protected void Button1_Click(object sender, EventArgs e)
{
    TextBox2.Text = Label1.Text;// return value: Label
}

yes, your code seems to be correct. just confirm the values before assigning — Bravo
– Bravo, Commented Aug 31, 2012 at 14:48
No you cannot. To transfer data from client to server use input controls or Ajax. — Kirill Bestemyanov
– Kirill Bestemyanov, Commented Aug 31, 2012 at 14:49
What exactly is not working with your code? You should post a full example of what you tried and what happened so we can help you. — Sashenka
– Sashenka, Commented Aug 31, 2012 at 14:50
To have the updated data available to the page's code behind, you have to have the page post back first. — Kevin
– Kevin, Commented Aug 31, 2012 at 14:59

tranceporter · Accepted Answer · 2012-08-31 15:03:48Z

6

You cannot access the value on server side. You will have to use a hidden field for that:

<asp:HiddenField ID="Hidden1" runat="server" />

The set the innerHtml value in the Hidden field by doing:

document.getElementById('<%= Hidden1.ClientID %>').value = position.lat();

You can then access it from server side by doing:

TextBox1.Text = Hidden1.Value;

answered Aug 31, 2012 at 15:03

tranceporter

2,2811 gold badge21 silver badges23 bronze badges

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

Comments

Mike B · Accepted Answer · 2012-08-31 15:04:47Z

1

You are not able to do that with the Label control as when the page is posted back the content of labels are not posted to the server. You would need to make use of an input control of sorts. Probably a hidden input would be your best bet.

answered Aug 31, 2012 at 15:04

Mike B

1,16611 silver badges11 bronze badges

Comments

Tapan kumar · Accepted Answer · 2014-03-04 17:52:27Z

1

Take a hidden field like below

<asp:HiddenField ID="hdnBody" ClientIDMode="Static" runat="server" />

Then set its value in Jquery like below

<script>
function GetEmailID() {
    var bodyHtml = $("#editor").html();

    $("#hdnBody").val(bodyHtml);  
}
</script>

And in the code behind do this to get it

string body = hdnBody.Value;

answered Mar 4, 2014 at 17:52

Tapan kumar

7,0191 gold badge28 silver badges26 bronze badges

Collectives™ on Stack Overflow

Set innerHTML in javascript and get from C#

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related