値を引き継いで結果を表示するHTMLページ

こんな感じかと。

1ページ目

<form name="F11" action="2.html" method="get">
<input type="hidden" name="v1" value="">
<input type="submit" value="送信" onClick="document.F11.v1.value='1-1';">
</form>

<form name="F12" action="2.html" method="get">
<input type="hidden" name="v1" value="">
<input type="submit" value="送信" onClick="document.F12.v1.value='1-2';">
</form>

ほぼ変わらず。
FORM の name をユニークにして、値を変えただけ。

2ページ目

<form name="F21" action="3.html" method="get">
<input type="hidden" name="v1" value="">
<input type="hidden" name="v2" value="">
<input type="submit" value="送信" onClick="document.F21.v2.value='2-1';">
</form>

<form name="F22" action="3.html" method="get">
<input type="hidden" name="v1" value="">
<input type="hidden" name="v2" value="">
<input type="submit" value="送信" onClick="document.F22.v2.value='2-2';">
</form>

<script>
window.addEventListener("DOMContentLoaded", function() {
    window.location.search.substring(1).split("&").forEach(function(p) {
        var kv = p.split("=");
        if (kv.length == 2) {
            Array.prototype.forEach.call(document.querySelectorAll("form"), function(f) {
                if (f[kv[0]]) {
                    f[kv[0]].value = kv[1];
                }
            });
        }
    });
});
</script>

FORM の変更点は 1ページ目と同様。
ページを読み込んだときに、1ページ目から渡されたパラメータを
FORM の v1 にセットする。

3ページ目

<script>
var item_map = {
    "1-1": "サンプル1",
    "1-2": "サンプル2",
    "2-1": "サンプル3",
    "2-2": "サンプル4",
    "3-1": "サンプル5",
    "3-2": "サンプル6",
};
function add_item(id) {
    var e = document.getElementById("item");
    var item = document.createElement("div");
    item.innerHTML = item_map[id];
    e.appendChild(item);
}
window.addEventListener("DOMContentLoaded", function() {
    window.location.search.substring(1).split("&").forEach(function(p) {
        var kv = p.split("=");
        if (kv.length == 2) {
            add_item(kv[1]);
        }
    });
    Array.prototype.forEach.call(document.querySelectorAll("#select > li > a"), function(a) {
        a.addEventListener("click", function(ev) {
            console.log(ev.target);
            add_item(ev.target.dataset["item"]);
        });
    });
});
</script>

<p>あなたはCですか？</p>
<ul id="select">
<li><a href="#last" data-item="3-1">はい</a></li>
<li><a href="#last" data-item="3-2">いいえ</a></li>
</ul>
<div id="last">
    あなたに必要なのは、
    <div id="item">
    </div>
</div>

ページを読み込んだときに、1ページ目と2ページ目で選択した
値を元に「あなたに必要なのは、」以下を表示。
3ページ目の選択肢をクリックしたときに、選択肢に従って、
「あなたに必要なのは、」以下に追加。