2012-02-26 2 views
0

Я сделал форму с вешать выбрать различные значения (х и у):Что лучше всего читать из таблицы?

<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, и, если Х = 30 и Y = 20 значение Z должно быть 78. Но каков наилучший способ создать эту таблицу в JavaScript? Лучшей версией будет база данных MySQL, но я бы хотел получить решение без базы данных. Это возможно?

спасибо!

ответ

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

Как насчет двумерного массива, где х и у являются ключи:

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 
Смежные вопросы