selectboxの項目に配列を代入し、送信先で計算したい（javascript）

やりたいことがいまいち分からないので、とりあえず書いてみました。
h1.html の form を送信すると、h2.html を表示します。

h1.html

<script>
window.addEventListener("load", function() {
    var f = document.getElementById("f");
    if (f) {
        f.addEventListener("submit", function(ev) {
            var sel = ev.target.data;
            var index = sel.selectedIndex;
            var data = sel[index].value.split("|");
            var multi = ev.target.multi;
            if (/^\d+$/.test(multi.value)) {
                var n = parseInt(multi.value);
                data = data.map(function(i) {
                    return parseInt(i) * n;
                });
                sel[index].value = data.join("|");
                console.log(data);
            }
        }, false);
    }
}, false);
</script>

<form id="f" action="h2.html">
<select name="data">
<option value="1|2|3">1</option>
<option value="10|20|30">10</option>
<option value="100|200|300">100</option>
</select>
<input type="text" id="multi">
<input type="submit" value="送信">
</form>

h2.html

<script>
window.addEventListener("load", function() {
    var m = /data=([^&]+)/.exec(location.search);
    var data = decodeURIComponent(m[1]).split("|");
    for (var i = 0 ; i < data.length ; ++i) {
        var e = document.getElementById("data_" + (i + 1));
        e.value = data[i];
    }
}, false);
</script>
<input type="text" id="data_1">
<input type="text" id="data_2">
<input type="text" id="data_3">

勝手に翻訳＆解釈したところ。

• javascript ってあったので、「記録する」というのが DB に保存するとかじゃなくて、遷移先の HTML に表示できる、ということだと解釈した
• 「3つの数値の配列を代入したい」というのは、数値を三つ渡せれば良い、と思った
• 送信先の「項目名」というのが、どこから持ってきて良いのか分からないので、見てないふりした
• 数値は、整数だということにした

もう少し、お題が具体的に示されている方が書きやすいです。
「具体的」というのはソースがどうこうというのではなくて、何をやりたいか。
例えば、

三つのオンライン書店のサイトがあって、それぞれの本の値段が分かってる。
画面から入力した消費税率を、それぞれの値段にかけて、
次のページに、書籍名と、消費税をかけた値段を表示したい。

とか（無理に質問の内容に寄せてます）。
＃ ちなみに、この程度だったら、送信先に移る前にできちゃう内容ですけれど。


思ってる内容と違ってたら、コメントしてください。