How to get the jquery variable value to ASP.NET label control

Question

0.00/5 (No votes)

See more:

How to Get the script variable(id1) into label(lblcity)

script variable is placed in bellow script file in that i am storing City Name after that City name is bind into label

once check my code and solve the problem

Advance thanks guy's..

What I have tried:

i am trying this way

ASP.NET

<ul class="nav navbar-nav">
							<%--&nbsp; Hyderabad--%>
							<li class=""><a id="popupCity" class="btn btn-sm" data-toggle="modal" data-target="#myModal" href="#"><img class="flag" src="images/india_flag.jpg">&nbsp;<asp:Label ID="lblcity" runat="server"></asp:Label> <span class="sr-only">(current)</span></a></li>
						</ul>

popup code:

HTML

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
      <div class="pops"> 
	 
	  <img src="bkground/india_gate.jpg" class="ind_gate img-responsive" />
	 <div class="choose_city" style="position: absolute; margin-top: -42px; color:#fff;"><h2>Choose your city</h2></div>
      <div class="popb">
	  <div class="header"><h3><img class="flags" src="images/india_flag.jpg">&nbsp; India</h3></div>
	  <hr />
     <div class="col-md-4">
		<p id="city1">Hyderabad</p>
        <p id="city2">Bangolore</p>
        <p id="city3">Chennai</p>
        <p id="city4">Delhi</p>
									
		</div>
      </div>
      </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Script code :

HTML

<script>
$(function(){

var appendthis =  ("<div class='modal-overlay js-modal-close'></div>");

	$('a[data-modal-id]').click(function(e) {
		e.preventDefault();
    $("body").append(appendthis);
    $(".modal-overlay").fadeTo(500, 0.7);
    //$(".js-modalbox").fadeIn(500);
		var modalBox = $(this).attr('data-modal-id');
		$('#'+modalBox).fadeIn($(this).data());
	});  
	document.getElementById("popupCity").innerHTML = localStorage.getItem("city")
  $("p").click(function(){
    var cityName = $(this).attr('id');
    var id1 = document.getElementById(cityName).innerHTML;
    console.log(id1);
    document.getElementById("popupCity").innerHTML = id1;
    //document.getElementById("lblcity").innerHTML = id1;

    localStorage.setItem("city", id1);
    location.reload();
    $(".modal-box, .modal-overlay").fadeOut(500, function() {
        $(".modal-overlay").remove();
    });
  })
$(".js-modal-close, .modal-overlay").click(function() {
    $(".modal-box, .modal-overlay").fadeOut(500, function() {
        $(".modal-overlay").remove();
    });
 
});
 
$(window).resize(function() {
    $(".modal-box").css({
        top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
        left: ($(window).width() - $(".modal-box").outerWidth()) / 2
    });
});
 
$(window).resize();
 
});
</script>

Posted 23-Nov-16 19:37pm

Member 11652153

Updated 24-Nov-16 19:09pm

v2

Add a Solution

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Answer 1 · 2016-11-23T22:43:00

Solution 2

try using clientID

JavaScript

document.getElementById("<%=lblcity.ClientID %>").innerHTML = id1;

Posted 23-Nov-16 22:43pm

Karthik_Mahalingam

Comments

Member 11652153 24-Nov-16 5:45am

i am adding document.getElementById("<%=lblcity.ClientID %>").innerHTML = id1;

popup city click not firing

Karthik_Mahalingam 24-Nov-16 9:28am

which one not working?
button click?

appumvc · Answer 2 · 2016-11-23T21:09:00

Solution 1

C#

You can add the text in id1 to label this way:
$('#lblcity').text(id1.Tostring());
Tostring() is not mandatory.

Posted 23-Nov-16 21:09pm

appumvc

Comments

Member 11652153 24-Nov-16 4:32am

It is not working
label not get data

Prashant-Systematix · Answer 3 · 2016-11-23T23:38:00

Solution 3

Working soution:

$("#<%=lblcity.ClientID %>").text(id1);

Thanks
Happy Coding

Posted 23-Nov-16 23:38pm

Prashant-Systematix

Updated 23-Nov-16 23:39pm

v2

Comments

Member 11652153 24-Nov-16 5:48am

Not working prashant.

city = lblcity.Text;

in code behind page

it shows empty like lblcity.text="";

Prashant-Systematix 24-Nov-16 6:23am

Hi what actually you wants to do with value? can you please clear it bit more that on which event you trying to read the value for code behind ?

vinodkumarnie · Answer 4 · 2016-11-24T19:09:00

Instead of

JavaScript

$("p").click(function(){

try below

JavaScript

$('body').on('click', 'p', function() {

When you append the HTML dynamically, events will not be binded to the controls. Hence, you need to bind the events dynamically as above. And try not to mix JavaScript and JQuery. You can write all code in JQuery alone.
You can refer below link
JQuery - On