In general, there is a page that is formed depending on the number of records in the database.

<?php foreach ($Questions as $Quest) : ?> <div id="<?=$Quest['id_rec']?>" class="panel__item <?= $Quest == current($Questions) ? ' active' : '' ?>"> <div class="name_question" align="center"> <h4>Вопрос №<?= $num ?> (<?= $Quest->name_quest; ?>)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <?= $Quest->text_quest; ?> </div> <!-- <div class="text_question"> --> <div class="answer"> <?php foreach ($Quest->squizqa as $Answer) { ?> <p> <input type="checkbox" name="answer" value="<?=$Answer['id_rec']?>"> <?= $Answer->text_answer ?> </p> <?php } ?> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <?php $num++; endforeach; ?>

The page looks like this:

 <div class="panel panel-primary"> <div id="881" class="panel__item active"> <div class="name_question" align="center"> <h4>Вопрос №1 (Арифметика)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Сколько будет <u><em><strong>2 + 2 * 2</strong></em></u> ?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="421"> 3 </p> <p> <input type="checkbox" name="answer" value="422"> 4 </p> <p> <input type="checkbox" name="answer" value="423"> 5 </p> <p> <input type="checkbox" name="answer" value="424"> 6 </p> <p> <input type="checkbox" name="answer" value="425"> 7 </p> <p> <input type="checkbox" name="answer" value="426"> 8 </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <div id="861" class="panel__item "> <div class="name_question" align="center"> <h4>Вопрос №2 (Подключение к Базе Данных)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Какая из предоставленных функций осуществляет соеденение с сервером MySQL?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="401"> mysql_connect </p> <p> <input type="checkbox" name="answer" value="402"> mysql_client_ssl </p> <p> <input type="checkbox" name="answer" value="403"> e_deprecated </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <div id="862" class="panel__item "> <div class="name_question" align="center"> <h4>Вопрос №3 (Двигатели)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Какие из предложанных двигателей существуют?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="404"> 1.9 TDI </p> <p> <input type="checkbox" name="answer" value="405"> 2.0 TDI </p> <p> <input type="checkbox" name="answer" value="406"> 2.2 TDI </p> <p> <input type="checkbox" name="answer" value="407"> 5.7 TDI </p> <p> <input type="checkbox" name="answer" value="408"> 7.1 TDI </p> <p> <input type="checkbox" name="answer" value="409"> 8.2 TDI </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <div id="841" class="panel__item "> <div class="name_question" align="center"> <h4>Вопрос №4 (Подвиги Геракла)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Сколько подвигов совершил Геракл?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="382"> Двенадцать </p> <p> <input type="checkbox" name="answer" value="383"> Тринадцать </p> <p> <input type="checkbox" name="answer" value="381"> Одинадцать </p> <p> <input type="checkbox" name="answer" value="384"> Четырнадцать </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> </div> <a class="btn btn-danger" href="/testsystem/testcomplete">Закончить тест</a>

How can I, when I click the "Finish test" key, go to another page, count all id's from 'div id = "" class = "panel__item"' blocks? Following the results, going to another page, I want to see the Id of questions answered by the user. The number of blocks with questions on the page will be constantly different.

  • Request all div document.getElementsByTagName('div') and select those who have id. - nick_n_a
  • use form - rjhdby
  • @nick_n_a how to do this? how to choose only id? - Sanvirtus

2 answers 2

 <div class="panel panel-primary"> <div id="881" class="panel__item active"> <form action="/testsystem/testcomplete" method="POST или GET"> <div class="name_question" align="center"> <h4>Вопрос №1 (Арифметика)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Сколько будет <u><em><strong>2 + 2 * 2</strong></em></u> ?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="421"> 3 </p> <p> <input type="checkbox" name="answer" value="422"> 4 </p> <p> <input type="checkbox" name="answer" value="423"> 5 </p> <p> <input type="checkbox" name="answer" value="424"> 6 </p> <p> <input type="checkbox" name="answer" value="425"> 7 </p> <p> <input type="checkbox" name="answer" value="426"> 8 </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <div id="861" class="panel__item "> <div class="name_question" align="center"> <h4>Вопрос №2 (Подключение к Базе Данных)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Какая из предоставленных функций осуществляет соеденение с сервером MySQL?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="401"> mysql_connect </p> <p> <input type="checkbox" name="answer" value="402"> mysql_client_ssl </p> <p> <input type="checkbox" name="answer" value="403"> e_deprecated </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <div id="862" class="panel__item "> <div class="name_question" align="center"> <h4>Вопрос №3 (Двигатели)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Какие из предложанных двигателей существуют?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="404"> 1.9 TDI </p> <p> <input type="checkbox" name="answer" value="405"> 2.0 TDI </p> <p> <input type="checkbox" name="answer" value="406"> 2.2 TDI </p> <p> <input type="checkbox" name="answer" value="407"> 5.7 TDI </p> <p> <input type="checkbox" name="answer" value="408"> 7.1 TDI </p> <p> <input type="checkbox" name="answer" value="409"> 8.2 TDI </p> </div> <!-- <div class="answer"> --> </div> <!-- <div class="id_question"> --> <div id="841" class="panel__item "> <div class="name_question" align="center"> <h4>Вопрос №4 (Подвиги Геракла)</h4> </div> <!-- <div class="name_question"> --> <div class="text_question" align="center"> <p>Сколько подвигов совершил Геракл?</p> </div> <!-- <div class="text_question"> --> <div class="answer"> <p> <input type="checkbox" name="answer" value="382"> Двенадцать </p> <p> <input type="checkbox" name="answer" value="383"> Тринадцать </p> <p> <input type="checkbox" name="answer" value="381"> Одинадцать </p> <p> <input type="checkbox" name="answer" value="384"> Четырнадцать </p> </div> <!-- <div class="answer"> --> </form> </div> <!-- <div class="id_question"> --> </div> <button type="submit" class="btn btn-danger">Закончить тест</button>
  • So what will it give me? Suppose I added a form with the method of Post or Get, and then how? - Sanvirtus
  • Are you a programmer? Usually such questions should not arise what to do with the POST or GET method, you need to transfer the data somehow to another page, so I told you how to transfer them. Further by means of РНР or РНР else, you should output them on the next page, well, or by means of jQuery or JavaScript , as you prefer or you can use any other language I have no idea ... - Shnur

I decided myself. When generating and displaying data on the page, I wrote all the IDs into an array using a script:

 <script> var IdQuestion = []; // Храним все ID вопросов document.querySelectorAll(".panel__item").forEach(function (n) { IdQuestion.push(n.id); }) localStorage.setItem("ids", IdQuestion); console.log(localStorage.getItem("ids")); </script>