我正在尝试创建一个 HTML 表,它将一些数字与一些间隔进行比较,并根据数据所在的间隔,它会在最后显示一条消息。数据来自污染土壤样本结果,结果应该告诉我土壤位于哪一类。我已经制作了表格,但只有最后一个单元格正在执行我想要的操作。我可以重复该脚本,将每个结果给出在每个单元格的右侧,但实际上只需要在最后得到一个答案。你能帮我为我的表建立一个全局变量吗?
这里是what I have so far 。最后一个单元格正在做我想做的事情。
带有文本的单元格仅供引用,以提供总体思路
我有 37 个变量(分析结果),我必须将它们与 3 个区间(FNADE Classe 1、2 和 3)进行比较。如果在一个区间中只找到这些变量之一,它应该显示该区间的名称(例如:FNADE Classe 1),层次结构为 3<2<1
这是代码部分,也许有帮助:
window.onload=function() {
document.getElementById("form1").onsubmit=function() {
var celula37 = parseInt(this.celula37.value,10);
var text = "<b>Votre terre peut etre reçue dans une instalation : </b>";
if (celula37 <= 399) text += "FNADE Classe 3";
else if (celula37 >= 400 && celula37 <= 1800) text += "FNADE Classe 2";
else if (celula37 >= 1801) text += "FNADE Classe 1";
else text = "SVP inserez des donnes";
document.getElementById("soilMessage").innerHTML=text;
return false; // cancel submit
}
}
最佳答案
处理元素组时,使用 CSS 类名通常更容易,因此所有元素都可以视为数组。它还可以帮助您使用 CSS 设置样式,而不是重复内联样式语句。
<input type="text" class="cellData" name="celula37" id="celula37" value="" />
然后你可以这样做:
myData = document.getElementsByClassName('cellData')
var celula37;
for(var x = 0;x<myData.length;x++) {
celula37 = parseInt(myData[x].value,10);
... your code ...
document.getElementById('celula'+x).innerHTML = text;
// note, arrays are zero-based, so you may need to tweak your IDs or 'x'
}
myData 是所有输入的数组。
然后你可以使用 CSS 设置样式:
<style>
.cellData {
border:solid windowtext 1.0pt;
}
td {
border:solid windowtext 1.0pt;
}
</style>
好机会!
关于javascript - 用于验证手动插入的数据并在末尾给出消息的表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17725753/