onmouseover根据数据库中的值更改文本

时间:2019-02-10 05:33:14

标签: c# jquery onmouseover

我的代码在C#中。我的ID为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);
    });

});

2 个答案:

答案 0 :(得分:0)

为什么不使用标签值,标签应该具有ID

$(document).ready(function(){

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

$(“#change”)。mouseover(function(){

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

});

$(“#change”)。mouseout(function(){

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

});

答案 1 :(得分:0)

jQuery事件是mouseovermouseleave事件。有关here

的更多信息

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