onmouseover изменить текст на основе значения из базы данных

Question

Мой код на C #.У меня есть диапазон с идентификатором change.Мне нужно изменить текст onmouseover на значение из базы данных.Я получил значение и назначил его метке, и я сделал его скрытым.Теперь при наведении курсора мыши я хочу получить значение скрытой метки.

Вот мой скрипт.

<script>

    $(document).ready(function () {

  $("#change").mouseover(function () {
      $('#change').text("value of label");


});
$("#change").mouseout(function () {
    $('#change').text("Investor");
});
});


</script>

Как мне это сделать?

РешеноЯ:)

Я решил проблему.Это потому, что у меня было visible = false в свойствах метки, и я должен заменить его на style = "display: none;",Относительно моего сценария.Это как ниже.

$(document).ready(function () {
    var originalText = $('#change').text();

    $('#change').mouseover(function () {
        var hiddenVar = $('[id$="NewAccountsLabel"]').html();
        $('#change').text(hiddenVar);
    });


    $('#change').mouseleave(function () {
        $('#change').text(originalText);
    });

});

Answer 1

События jQuery - это mouseover и mouseleave события.Подробнее об этом здесь

// save the previous value in javascript variable
var originalText = $('#change').text();

//mouse event on mouseover the span
$('#change').mouseover(function() {

  // read the value from the hidden label
  var hiddenVar = $('#NewAccountsLabel').text();

  // assign the new value from the hidden var
  $('#change').text(hiddenVar);

});

//mouse event when mouse leaves the span
$('#change').mouseleave(function() {
  // assign the original value when it leaves
  $('#change').text(originalText);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<span id="change"> Investor</span>
<label id='NewAccountsLabel' hidden> value from DB </label>

Answer 2

Почему бы вам не использовать значение метки, ваша метка должна иметь идентификатор

$ (document) .ready (function () {

Var lblvalue = $ ('# label') .val ();

$ ("# change"). mouseover (function () {

  $('#change').text(lblvalue);

});

$ ("# change") .mouseout (function () {

$('#change').text("Investor");

});