HTML/JS从另一个表单元格更新一个表单元

HTML/JS Update one table cell from another table cell

本文关键字:表单 单元 一个 单元格 JS 另一个 HTML 更新      更新时间:2023-09-26

是否可以从另一个表单元格更新一个表单元?

示例:我有一个MediaWiki网站,在PageA上有一个这样的表格单元格:

<td style="background: grey; color: black;"> Proposed</td>

我希望能够更新此单元格中的颜色(例如..为绿色),它将更新页B上的一个完全不同的表格单元格(也将其更改为绿色)。

还有一种方法可以动态链接两个表单元格,这样当一个单元格发生变化时,另一个单元格也会更新以反映相同的变化。

我认为你的建议不是个好主意。一个单元格的颜色不应该依赖于一个完全不同的表中某一单元格的颜色。取而代之的是两个小区都应该依赖于一些公共资源。

该公共资源可以是CSS样式,对两个单元格使用相同的CSS类(正如Andrew在评论中所建议的)。

例如,您可以定义CSS类proposed-cell(很可能在MediaWiki:Common.css中):

.proposed-cell 
{
    color: black;
}

然后像这样使用:

<td class="proposed-cell">

或者它可以是一个MediaWiki模板,您可以从单元格样式中引用它。

例如,您可以创建页面Template:Proposed color,其内容将是black

然后你会这样使用它:

<td style="color: {{Proposed color}};">