【问题标题】:How to change a label's contents using Javascript?如何使用 Javascript 更改标签的内容?
【发布时间】:2011-05-05 07:43:55
【问题描述】:

我有一个包含值的标签和一个我将在其中输入数字的文本框。我有另一个标签,当我在文本框中键入数字时,它应该动态地给出两者之间的差异。如何使用 Javascript 执行此操作?我试过了:

<script type="text/javascript">
function compute_diff(){
    var lbl1 = document.getElementById("<%=label1.ClientID%>").value;
    var txtbox = document.getElementById("<%=textbox1.ClientID%>").value;
    var lbl2value = lbl1 - txtbox
    document.getElementById("<%=label2.ClientID%>").innerText = lbl2value;
    return true;
    }
</script>

我在OnKeyUp 事件上调用此函数,但它没有触发它。这样做的正确方法是什么?我正在使用 ASP.Net 开发网站。

【问题讨论】:

    标签: javascript asp.net textbox dom-events


    【解决方案1】:

    线

    var lbl2value = lbl1 - txtbox
    

    不会工作。您将需要使用字符串差异算法,例如

    http://ejohn.org/projects/javascript-diff-algorithm/

    此外,请考虑使用 jQuery 以确保它可以跨浏览器工作,因为 innerText 的实现可能因浏览器而异。

    【讨论】:

    • @Tim Ebenezer:感谢网站,但它可以与数字一起使用吗?我将在文本框中输入的标签和输入都是数字。它会起作用吗?
    • 我明白了,如果它们是数字并且您想获得差异,则需要先使用 parseInt 函数转换为数字。
    • @Time Ebenezer:你能告诉我我该怎么做吗?在什么情况下会被解雇?谢谢! :)
    • var lbl2value = parseInt(lbl1) - parseInt(txtbox);
    • @Tim Ebenezer:谢谢! :)除此之外,代码都可以吗?
    猜你喜欢
    • 1970-01-01
    • 2018-06-14
    • 2017-07-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    • 2018-04-05
    相关资源
    最近更新 更多