如何使用javascript從單選按鈕獲取結果並將其顯示在最后一頁？

Question

我有3個html頁面：第一個頁面有一個單選按鈕問題，第二個頁面有第二個問題，第三個頁面僅顯示/顯示選擇結果。 （即用戶選擇a）Apple）

html部分很簡單，但是我不知道如何編寫javascript部分。

請幫忙。

Answer 1

請嘗試以下方法：

<script>
    function showQuestion()
    {
        document.getElementById("question2").style.display = 'inline';
    }
    function showResults()
    {
        document.getElementById("results").style.display = 'inline';
    }
</script>

<div id="question1">
    <select onchange="showQuestion()">
      <option value="0">Choose something</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
</div>

<div id="question2" style="display: none;">
    <select onchange="showResults()">
      <option value="0">Choose something</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
</div>

<div id="results" style="display: none;">

</div>

請注意，我沒有使用多個頁面，因為那樣您就需要一種方法來保存用戶數據（即他選擇的內容）並將其加載到另一頁上。 因此，您需要服務器端技術或一些客戶端技巧來記住選擇。

另外，jQuery是一種很棒的javascript編寫方式，它編寫起來更快，更容易完成工作。 我上面的代碼是純JavaScript。