Javascript 当窗体更改时更改颜色_Javascript_Php_Forms

Javascript 当窗体更改时更改颜色

javascript php forms

Javascript 当窗体更改时更改颜色,javascript,php,forms,Javascript,Php,Forms,我有一个表格，表格中有多个文本框。同样在表格内部，但表格外部有一个单元格（称为单元格a）当您第一次访问表单时，表单中的文本框将填充来自使用php/MySQL的数据库的数据您可以更改文本框值，并使用POST将其提交到数据库。数据库将被更新，您将返回到相同（但现在已更新）的表单我的问题：我想在单元格A中显示一个彩色文本，指示表单中的数据是否已发送。第一次到达页面或更新后，应以绿色阅读“已实现数据”。但是，当您在未提交的情况下更改表单时，应该将其更改为红色的“未发送数据”（或类似的内容）我知

我有一个表格，表格中有多个文本框。同样在表格内部，但表格外部有一个单元格（称为单元格a）

当您第一次访问表单时，表单中的文本框将填充来自使用php/MySQL的数据库的数据

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

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

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

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

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

使用body的onchange事件，我想这应该是可行的。我不知道你的完整代码，所以这是猜测多于知道

<body onchange=ChangeColor()>

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

比如说,

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

获取表单元素的id，并将

ChangeColor

函数绑定到

onchange

事件。

您的第一个问题是Java不是JavaScript。因此，请将更改事件添加到所有表单元素中。谢谢。将更改事件添加到所有已工作的表单元素。我放弃了通过php发送格式的最初想法（也是不好的想法）。还需要一些关于Java和JavaScript的阅读（我确实是生物学家…）更新：我仍然通过php发送格式和文本。它可以工作，并且让我确信数据是从服务器端提交的。

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