Question

我有一个关于在表格中显示数据的问题。这里发布的示例代码是表中代码的一部分。我认为这对于这个问题已经足够了：

如果我把

<label id="HMI_scaled">0</label>

在我页面中随机位置的表格之外，显示数据。

HMI_scaled是一个值，由于本文后面显示的javascript，它会自动更新。问题是我不知道如何键入在我的表中显示它的语法。我试过了，但它不会像在桌子外面那样更新。

<table>
  <tr>
    <td class="static_field">Level [m]:</td>
    <td class="output_field"><label id="HMI_scaled">0</label></td>
  </tr>
</table>

用于HMI_scaled的脚本：

$(document).ready(function(){
    $.ajaxSetup({ cache: false });
    setInterval(function() {
        $.get("IOwebserver.htm", function(result){
            $('#HMI_scaled').text(result.trim());
        });
    },1000);
});

CSS：

td.output_field
{
    font-size : 12px;
    background-color : rgb(221,221,221);
    text-align : left;
    width : 150px;
    height : 21px;
}

td.static_field
{
    font-size : 12px;
    text-align : right;
    width : 150px;
    height : 21px;
}

HTML：

  IOwebserver.htm
    :="webdata".HMI_scaled:

Answer 1

我发现你的代码没有任何问题，它对我有用。请参阅下面我用代码替换你的ajax-call以显示每秒的当前时间。无论<label>在哪里，它都有效。

检查您是否没有HTML拼写错误，并且您在页面顶部包含了jQuery。

＆＃13;

$(document).ready(function(){
    $.ajaxSetup({ cache: false });
    setInterval(function() {
        var result = new Date().toLocaleTimeString();
        $('#HMI_scaled').text(result.trim());
        $('#HMI_scaled_2').text(result.trim());
    }, 1000);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
  <tr>
    <td class="static_field">Level [m]:</td>
    <td class="output_field">Inside table -&gt; <label id="HMI_scaled">0</label></td>
  </tr>
</table>
Outside table -&gt; <label id="HMI_scaled_2">0</label>

＆＃13;

如何在表格列

1 个答案: