Question

我有一个应用程序，它是HTML前端和PERL后端的组合。后端向前端元素（textarea框）返回特定消息。但是一旦后端将消息发送到前端，文本框就会消失。我认为文本框显示短暂的消息，然后消失。即使在命令执行后，如何保持文本框可见。

代码段：

if(returnedResult["rc"] == 10) {
        document.getElementById("outputArea").value = "returnedResult['message']";
        document.getElementById("outputTable").style.display = "";
        document.getElementById("outputTableName").innerHTML = "Running Jobs";
}

<table>
    <tr>
        <td style="width:100%"><textarea id="outputArea" readonly=true style="height:100%;width:100%;"></textarea></td>
    </tr>
</table>

通过与调试语句交叉检查，我可以保证代码流进入if条件。任何帮助表示赞赏！谢谢！

Quentin提出的额外信息：

<table id="outputTable" class="container" style="height:40%;width:50%;display:none" border=1 align="center">
     <tr>
         <td id = "outputTableName" style="width:100%;height:5%;">Calculating branch ...</td>
     </tr>
     <tr>
         <td style="width:100%"><textarea id="outputArea" readonly style="height:100%;width:100%;"></textarea></td>
     </tr>
 </table>

Answer 1

您正在使用innerHTML，这会导致问题。基本上innerHTML将删除旧的HTML代码并替换为您的测试＆＃34;正在运行的工作＆＃34;

而不是这个，请添加另一个带有id的html标签，并在其中显示结果。

例如：身体＆lt; span id =＆＃34; backenderrormessage＆＃34;＆gt;＆lt; / span＆gt;

在java脚本中

： document.getElementById（＆＃34; backenderrormessage＆＃34;）。innerHTML =＆＃34; Running Jobs＆＃34;;

HTML textarea框在命令执行时消失

1 个答案: