4

我想从数据库中提出 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>
4

2 回答 2

1

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

于 2012-11-04T15:26:50.493 回答
1

您将有一个通用标题，它将处理您的计时器。您的 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;

      }
    });

 }

这只是一个指南，您可以根据自己的方法进行更改

于 2012-11-04T15:51:51.610 回答