Question

我想在数据库和计时器上添加10个问题在html表单上。问题逐一显示当我点击下一个按钮时，将显示下一个问题当点击后退按钮时，应显示上一个问题

<form name="form1" bgcolor="red" action="resultbyme.jsp" method="POST">
    <div style="background-color:orange;"> 
        <% qno=n+1;
        ques=rs.getString(4);
        op1=rs.getString(5);
        op2=rs.getString(6);
        op3=rs.getString(7);
        op4=rs.getString(8);
        %>
        <br>Q.<%=qno%>--><%=ques%></br>
        <input type="radio" name="opt<%=qno%>" value="<%=op1%>" /><%=op1%><br>
        <input type="radio" name="opt" value="<%=op1%>" /><%=op2%><br>
        <input type="radio" name="opt" value="<%=op1%>" /><%=op3%><br>
        <input type="radio" name="opt" value="<%=op1%>" /><%=op4%><br>
        <%
            }
        } //end for
    }
    catch(SQLException e)
    {
        out.println("erorr in sql ") ;                        
    }
        %>
        <div bgcolor="blue"><input type="submit" value="submit" name="submit test" /></div>
    </div>
</form>

Answer 1

您可以在不同的div中加载所有内容，并使用JavaScript一个接一个地显示它们。

Answer 2

您将拥有一个公共标题，它将处理您的计时器。您的html主体将根据用户点击下一步或后退动态更改（使用ajax）。

最好将问题数字隐藏在旁边和后退按钮中。因此，在AJAX调用中，您可以获取问题编号并传递给服务器以获取该特定问题。您可以在定义的span或div标签中显示它。

  <div id="questionId"> My question is here  </div>

在javascript中

  function loadQuestion(questionNo){

    $.ajax({
     type: "POST",
      url: 'projectName/showQuestion.action',
      data: "quesionNo="+questionNo
      success: function(data) {

        document.getElementById('questionId').innerHTML =data;

      }
    });

 }

这只是一个指南，你改变了适合你的方法的东西

带有单选按钮的表单中的下一个和后退按钮

2 个答案: