Member 11652153 Ответов: 4

Как получить значение переменной jquery в ASP.NET управление этикетками


Как получить переменную скрипта (id1) в label(lblcity)

переменная скрипта помещается в файл скрипта ниже в котором я храню название города после того как это название города будет привязано к метке

один раз проверьте мой код и решите проблему

Заранее спасибо парню..

Что я уже пробовал:

я пытаюсь сделать это

<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>


всплывающий код:

<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>
$(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>

4 Ответов

Рейтинг:
2

appumvc

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


Member 11652153

Это не работает
метка не получает данных

Рейтинг:
2

Prashant-Systematix

Рабочая soution:

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


Спасибо
Счастливое Кодирование


Member 11652153

Не работает Прашант.

город = lblcity.Текст;

в коде страницы

он показывает пустой, как lblcity. text="";

Prashant-Systematix

Привет, что на самом деле вы хотите сделать с ценностью? не могли бы вы, пожалуйста, немного прояснить, на каком событии вы пытаетесь прочитать значение для кода позади ?

Рейтинг:
1

vinodkumarnie

Вместо

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


попробуйте ниже

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


При динамическом добавлении HTML-кода события не будут привязаны к элементам управления. Следовательно, вам нужно связать события динамически, как описано выше. И старайтесь не смешивать JavaScript и JQuery. Вы можете написать весь код только в JQuery.
Вы можете обратиться по ссылке ниже
JQuery-On


Рейтинг:
0

Karthik_Mahalingam

попробуйте использовать clientID

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


Member 11652153

я добавляю document. getElementById("<%=lblcity.ClientID %>"). innerHTML = id1;

всплывающее окно city click не стреляет

Karthik_Mahalingam

какой из них не работает?
нажать кнопку?