Question

我的数据库中有一些问题。我每页只显示一个问题，带有“下一步”按钮。当用户点击下一个按钮时，我会随机显示数据库中的下一个问题。

问题是当用户到达时有最后一个问题我想将“NEXT”按钮名称更改为“FINISH”。

请帮我怎么做..

this is my count query:
$nRows = $dbh->query('select count(*) from questions')->fetchColumn(); 
echo $nRows;

这是我申请中的下一个按钮。

<button  id='Next'  class="next-button" name="submit_<?php echo $key ?>" value="<?php echo $key ?>" onclick="change_next(this.value)">Next</button>

这是我的java脚本代码，每页显示一个问题：

<script type="text/javascript">

         function change_next(value) 
    {
    if(value == 0) 
    {
         var next = value;
         next++;

        $('#question_'+value).removeClass('active').addClass('hidden');
        $('#question_'+next).removeClass('hidden').addClass('active');
    } 
    else 
    {
        var next = value;
        next++;

        $('#question_'+value).removeClass('active').addClass('hidden');
        $('#question_'+next).removeClass('hidden').addClass('active');
    }
}

Answer 1

你只需要查看按钮的值

    var count = 0;
    function change_next() {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          document.getElementById("Question").innerHTML = this.responseText;
          if (count == 5) {
             //document.getElementById("Next").value="FINISH";  <--sorry this is if you are using <input type="button" not button =/
             document.getElementById("Next").innerHTML="FINISH";
          }
          count++;
        }
      };
      xhttp.open("GET", "Load_Question.php", true);
      xhttp.send();
    }

Answer 2

var count = 0;
function showNextQuestion() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      count+=1;
      if(count>=3) {
         document.getElementById("Next").innerHTML="Finish";
      }
    }
  };
  xhttp.open("GET", "QuestionLoader", true);
  xhttp.send();
}

Answer 3

<button  id='Next'  class="next-button" name="submit_<?php echo $key ?>" value="<?php echo $key ?>" onclick="change_next()">Next</button>

function change_next()
{
    document.getElementById("Next").value="FINISH"; 
}

count计算数据库中的行数

3 个答案: