Question

我已经制作了一个可以选择不同值（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数据库是最好的选择，但我想要一个没有数据库的解决方案。这可能吗？

Answer 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>

Answer 2

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

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

2 个答案: