什么是从表格中读取的最佳方式？

问题描述：

我已经作出了形式与posibility来选择不同的值（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数据库将是最好的选择，但我希望没有数据库的解决方案。那可能吗？

非常感谢！

答

您可以使用一个二维数组来存储您的表格。然后给出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>

答

怎么样二维数组，其中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

什么是从表格中读取的最佳方式？

相关推荐