php 保存特定值时,如何更改输入的背景色和文本颜色?

bgibtngc  于 2023-03-28  发布在  PHP
关注(0)|答案(1)|浏览(158)

这是我第一次使用堆栈溢出网站,所以如果有什么不清楚或丢失道歉。如果你想看到我的代码的特定部分,让我知道。
我根据MVC模型(OOP)编写了我的PHP代码(尽我所能,如果它不总是最佳实践,请原谅我),并使用phpMyAdmin保存我的数据。
在我的示例照片中,你可以看到我有输入字段(在一个包含表单的表格中)。在输入字段中,你可以输入一个从4到10的数字。正如你在图片中看到的,每个数字在你输入时都有自己的文本颜色和背景颜色(因为oninput事件)。
但是,当我按Enter键并保存数字时,特定的文本颜色和背景颜色都没有了。
this is what I would like to see also when the data is savedhere is another examplethis is what you see when the numbers are saved and this is what I don't want
下面是我的代码的一个例子,它只是一个表格单元格,你可以在其中输入一个数字,然后按Enter键将其保存在我的数据库中(我为此编写了一个JavaScript函数)。

<td id="color1" class="score">
    <input type="number" min="4" max="10" name="p_1_1" id="p_1_1" value="
    <?php $pointsData->fetchPoint1_1($_SESSION["userid"]); ?>" oninput="changeColor(this.value)"></input>
</td>

如果有人能解释如何保持颜色时,数据存储在数据库中,就像在前两张图片,这将是惊人的!
亲切的问候,罗宾
我尝试了很多东西,我用PHP代码和JavaScript函数的几种方式尝试了if语句。例如,我写了一些if,if esle,if else,etc.语句,我在括号中指定了特定的数字。然后我回显输入行,并在输入元素中包含style属性。为背景颜色和文本颜色给予不同的值。不幸的是,它不再显示数据了,因为显示和编辑数据的代码是PHP代码。因为它是在input元素的值中,它是嵌套在HTML代码中的PHP代码,嵌套在PHP代码中。如果可以像这样嵌套,我不知道如何嵌套。
我很抱歉,如果这是非常vage,我也删除了所有的代码,我尝试了不工作,所以我不能给你看。

eufgjt7s

eufgjt7s1#

一种方法是在页面首次加载时,在每个适当的输入上触发相同的changeColor函数。
如果输入的值还没有输入,你可能需要通过测试inp.value是什么并做出适当的React来防止changeColor被调用。

document.addEventListener("DOMContentLoaded", () => {
  let inputs = document.querySelectorAll(".score input");
  for (let inp of inputs) {
    changeColor.call(inp, inp.value);
  }
});

相关问题