我已经制作了一个可以选择不同值(x和y)的表格:
<form>
X: <select id="value_x">
</select>
Y: <select id="value_y">
</select>
</form>
<div id="result_z"></div>
在选择中我有多个选项,例如5,20,26等。
现在我已经创建了一个Javascript代码,它从两个选项中读取值,并将其存储到两个变量中。在空div(result_z)中,应显示值Z.在Excel文档中,我已经得到了Z的结果。例如:
***12*** - ***14*** - ***16*** - ***25*** - ***30*** - ***40***
***14*** - 36 - 12 - 12 - 23 - 28
***16*** - 45 - 34 - 34 - 34 - 35
***18*** - 47 - 56 - 46 - 56 - 48
***20*** - 89 - 78 - 56 - 78 - 70
你可以看到,如果X = 14且Y = 16,则Z值应为45,如果X = 30且Y = 20,则Z值应为78.但是,创建该表的最佳方法是什么? JavaScript的? MySQL数据库是最好的选择,但我想要一个没有数据库的解决方案。这可能吗?
答案 0 :(得分:1)
您可以使用二维数组来存储表格。 然后给出12,14,16 ......索引。您也可以使用自制对象或仅使用普通数组。 然后,当您选择值时,您可以查找结果并将其显示在div中。
像这样: <html>
<head>
<script type="text/javascript">
var p = {
table: [[16, 32], [8, 19]],
horizontal: [12, 15],
vertical: [6, 14],
selectOnchange: function() {
var x = document.getElementById("x").value;
var y = document.getElementById("y").value;
document.getElementById("z").value = this.table[Number(x)][Number(y)];
}
};
</script>
</head>
<body>
<div>
x: <select id="x" onchange="p.selectOnchange()"><option value="0">12</option><option value="1">15</option></select><br />
y: <select id="y" onchange="p.selectOnchange()"><option value="0">6</option><option value="1">14</option></select><br />
<input id="z"/>
</div>
</body>
</html>
答案 1 :(得分:1)
二维数组怎么样,其中x和y是你的键:
var myarray = new Array();
myarray[14] = new Array();
myarray[14][14] = 36;
myarray[14][16] = 45;
...
alert(myarray[14][16]); // Get Z-value for X: 14, Y: 16