javascript - 如何使用 javascript 从单选按钮获取结果并将其显示在最后一页？

Question

我有 3 个 html 页面：第一个 1 有一个单选按钮问题，第二个页面会有第二个问题，第三个页面将简单地显示/显示选择结果。（即用户选择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。