[js] dynamiczne grupowanie danych Opcje

[yarek12]

Witam,
Mam 3 inputy text (t_n) i 3 inputy text (r_n)

[HTML] pobierz, plaintext 
<input type="text" name="t_1"><input type="text" name="r_1">
<input type="text" name="t_2"><input type="text" name="r_2">
<input type="text" name="t_3"><input type="text" name="r_3">
[HTML] pobierz, plaintext 

Przykładowo wpisuje do t_1, t_2 i t_3 wartość 1, i teraz to r_1 wpisuje "dom", do r_2 też "dom", a do r_3 "trawa".

Przy użyciu tych danych chciałbym otrzymać 2 (jako suma wartości gdzie r_n wynosi "dom") i 1 (jako suma wartości gdzie r_n wynosi "trawa").

Prościej mówiąc potrzebuję sumować wartośći t_1 gdzie r_n jest takie same.


Jakieś pomysły?? Sam myślę żeby to zrobić na array, i pogrupować do tabeli - niestety nie mam pomysłu na strukturę tabeli i dodawanie.


Przypominam, że cały skrypt musi działać dynamicznie (bez odświeżania strony).


Z góry dziękuje za pomoc.

[yarek12]

[HTML] pobierz, plaintext 
<script type="text/javascript">
var t, r, combineValue;
var countArray = [];
var n = 3;
for (var i =1; i<=n; i++) {
  t = document.getElementById('t_'+i).value;
  r = document.getElementById('r_'+i).value;
  if (t === r) {
     combineValue = t+'_'+r;
     if (!countArray[combineValue]) {
       countArray[combineValue] = 1;
     } else {
       countArray[combineValue]++;
     }
  }
}
</script>
<input type="text" value="3" id="t_1"><input type="text" value="dom" id="r_1"><br />
<input type="text" value="2" id="t_2"><input type="text" value="dom" id="r_2"><br />
<input type="text" value="1" id="t_3"><input type="text" value="lato" id="r_3">
[HTML] pobierz, plaintext 

.value zauważyłem, jednka mimo tego zwraca null