Question

我在表格中有一个包含多个文本框的表单。在表格内但在表格之外还有一个单元格（表示单元格A）。

首次访问表单时，表单中的texbox使用php / MySQL填充数据库中的数据。

您可以更改文本框值，并使用POST将它们提交到数据库。数据库已更新，您将返回到相同（但现在已更新）的表单。

我的问题：我想在单元格A中出现一个彩色文本，表明表单中的数据是否已发送。首次到达页面或更新后，应以绿色显示“实际数据”。但是当您在不提交表单的情况下更改表单时，应将其更改为红色的“未发送数据”（或类似内容）。

我知道如何使用php格式化文本

style="color:<?php echo $ColorChange ?>"

但是当表单更改时（在提交之前）我需要OnChange和一些JavaScript，例如

function ChangeColor()
{
var col=document.getElementById("UpdateSign");
col.style.color="#FF0000";
}

我的问题是如何将这两者结合起来。有什么想法吗？

Answer 1

将Javascript事件触发器保留在HTML元素之外，并使用事件侦听器。 jQuery使得绑定事件监听器非常容易。

例如，

$("#form_input_element").on("onchange", ChangeColor);

接受表单元素的id并将ChangeColor函数绑定到onchange事件。

Answer 2

使用正文的onchange事件，我认为这应该有效。我不知道你的完整代码所以这比猜测更令人猜测。

<body onchange=ChangeColor()>