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

时间:2012-02-26 11:39:35

标签: javascript

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

2 个答案:

答案 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