Php форма + Jquery

@sanchahous · Регистрация: 24.12.2013

Студворк — интернет-сервис помощи студентам

Помогите разобратся в следующем вопросе. Делаю админку в которой добавляются вопросы для тестов в базу данных. Делать нужно так чтобы интерактивно можно было редактировать уже введенные в базу данные.
Форма вопроса будет выглядеть типа:
1. Номер вопроса
2. Вопрос
3. Варианты ответов - здесь нужно сделать чтобы админ мог добавлять сколько угодно ответов для 1 вопроса, а потом с помощью радио отправлял еще и id правильного ответа отдельно в таблицу бд. Просто с помощью пхп у меня не получилось застрял. Начал изучать Jquery, не могу разобратся как взаимодействует вообще php + Jquery.
Не знаю есть ли смысл кидать сюда свои наброски и БД. Может будут какие-то идеи? Если не конкретно по задаче то хотябы как постигнуть взаимосвязь между php и Jquery в php формах и вообще.
Буду очень благодарен!!

@MarlboroRed · 06.01.2014, 17:34

sanchahous, JS не ведет запись в БД, это делает php. JS - может только управлять "видом" страницы конкретного пользователя.

часть JS
Динамически создавайте элементы формы с name = name[] (Это позволит записать всю динамику в массив, чтобы потом в php это было проще обрабатывать)
часть php
Обрабатывайте полученные данные с формы
Записываете в БД.

@KPOT_KZ · 06.01.2014, 17:45

jQuery умеет слать POST и GET запросы если тебе что нибудь дает.
Твою систему я вижу так, напиши серверный файл на PHP, который будет показывать вопросы, ответы таблицой. А в таблице интерактивные кнопочки, удалить, добавить итд. На кнопки вешайте AJAX запросы, с помощью jQuery.

@sanchahous · 06.01.2014, 17:51 **[ТС]**

Сообщение от MarlboroRed

sanchahous, JS не ведет запись в БД, это делает php. JS - может только управлять "видом" страницы конкретного пользователя.

часть JS
Динамически создавайте элементы формы с name = name[] (Это позволит записать всю динамику в массив, чтобы потом в php это было проще обрабатывать)
часть php
Обрабатывайте полученные данные с формы
Записываете в БД.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<? require_once '../config/mysql.php'; ?>
<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script type="text/javascript" src="/jquery/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="/jquery/jquery.form.js"></script>
  <title>Untitled Document</title>
</head>
<body>  
  <form  method="get" action="/admin/add.php">
    <?
    if (!empty($_GET['voprosu'])) {
      $vopros_id = $_GET['voprosu'];
    } else {
      $vopros_id = 1;
    }
    ?>
    <p>Номер вашего вопроса  <input type="number" name="number" value="<?= $vopros_id ?>"/><br>
      Вопрос <p> <input type="text" name="page" size="100" value=""/></p>
   Ответ <input  type="text"  name="answers2" value=" "/>  <input  type="radio" name="radio1"/>
   
    <?
    $result = mysql_query("SELECT * FROM voprosu WHERE id = '$vopros_id'") or die(mysql_error());
    $result1 = mysql_query("SELECT * FROM otvetu WHERE id_voprosa='$vopros_id'") or die(mysql_error());
    while ($data = mysql_fetch_assoc($result)) {
      foreach ($otveti[$data['id']] as $otwet) {
        ?>                     
      <? } ?>     
      <p>Номер вашего вопроса  <input type="number" name="number" value="<?= $vopros_id ?>" onChange="javascript:window.location.href = 'http://question.local/admin/index.php?voprosu=' + this.value;"/></p>     
      <p> <input type="text" name="page" size="100" value="<?= $data['voprosu']; ?>"/></p>
    <? } ?>
    <?
    $result = mysql_query("SELECT * FROM voprosu WHERE id = '$vopros_id'") or die(mysql_error());
    $result1 = mysql_query("SELECT * FROM otvetu WHERE id_voprosa='$vopros_id'") or die(mysql_error());
    while ($data1 = mysql_fetch_assoc($result1)) {
      $otveti[$data1['id_voprosa']][] = $data1;
    }
    while ($data = mysql_fetch_assoc($result)) {
      foreach ($otveti[$data['id']] as $otwet) {
        ?>           
      <input  type="text"  name="answers1" id="1" value="<?= $otwet['answers'] ?> "/>  <input  type="radio" name="radio1"/>      
        <br>            
      <? } ?>      
    <? } ?>
    <p><input type="submit" /></p>
  </form>
</body>
</html>

Не знаю поймете или нет, мне нужна кнопка которая будет размножать ответы по желанию администратора. Но нужно это сделать вместа с радио баттон, и еще нужно чтобы правильный ответ как-то выделять и отправлять отдельно в базу. Это реально?
P.S. Скрин с add more взял с источника, сам пока не представляю как это сделать. Кинул просто чтобы видно было что я хочу сделать.

@MarlboroRed · 06.01.2014, 17:56

Сообщение от sanchahous

Это реально?

Да, но к сожалению пример не приведу - это много писанины. Советую прочитать про события мыши и о создании динамических элементов в jquery.

@Rol1k · 06.01.2014, 18:44

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE HTML>
<html>
<head>
<title>HTML</title>
<script language="JavaScript" type="text/javascript">
window.onload = function(){
    document.getElementById("continue").onclick = function(){
        var options_text = document.getElementById("options_text").value;
        var options_arr = options_text.split("\n");
        var options = document.getElementById("options");
        options.innerHTML = "Правильный ответ:<br>";     
        for(var i = 0;i < options_arr.length;i++){
            options.innerHTML += '<input type="radio" name="corrent_answer" id="radio' + i + '" value="' + i + '">';
            options.innerHTML += '<label for="radio' + i +'">' + options_arr[i] + '</label><br>';
            options.innerHTML += '<input type="hidden" name="options[]" value="' + options_arr[i] + '">';
        }
        this.value = "Отправить";
        this.onclick = function(){return true;}
        return false;
    }
}
</script>
</head>
<body>
 
<form method="post">
Номер вопроса:<br>
<input type="number" size="5" name="number"><br><br>
Вопрос:<br>
<input type="text" size="50" name="question"><br><br>
<div id="options">
    Варианты ответа:<br>
    <textarea rows="5" cols="50" id="options_text"></textarea><br>
</div>
<input type="submit" id="continue" value="Далее"><br>
</form>
<?php
if(!empty($_POST)){
    echo "<pre>";
    print_r($_POST);
    echo "</pre>";
}
?>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .

@sanchahous 19 / 19 / 7 Регистрация: 24.12.2013 Сообщений: 205

	Php форма + Jquery 06.01.2014, 16:03. Показов 1023. Ответов 5 Метки нет (Все метки) Помогите разобратся в следующем вопросе. Делаю админку в которой добавляются вопросы для тестов в базу данных. Делать нужно так чтобы интерактивно можно было редактировать уже введенные в базу данные. Форма вопроса будет выглядеть типа: 1. Номер вопроса 2. Вопрос 3. Варианты ответов - здесь нужно сделать чтобы админ мог добавлять сколько угодно ответов для 1 вопроса, а потом с помощью радио отправлял еще и id правильного ответа отдельно в таблицу бд. Просто с помощью пхп у меня не получилось застрял. Начал изучать Jquery, не могу разобратся как взаимодействует вообще php + Jquery. Не знаю есть ли смысл кидать сюда свои наброски и БД. Может будут какие-то идеи? Если не конкретно по задаче то хотябы как постигнуть взаимосвязь между php и Jquery в php формах и вообще. Буду очень благодарен!! 0

@MarlboroRed Марсианин 87 / 87 / 22 Регистрация: 11.10.2012 Сообщений: 333
	06.01.2014, 17:34
	sanchahous, JS не ведет запись в БД, это делает php. JS - может только управлять "видом" страницы конкретного пользователя. часть JS Динамически создавайте элементы формы с name = name[] (Это позволит записать всю динамику в массив, чтобы потом в php это было проще обрабатывать) часть php Обрабатывайте полученные данные с формы Записываете в БД. 0

@KPOT_KZ 10 / 10 / 1 Регистрация: 08.06.2011 Сообщений: 98
	06.01.2014, 17:45
	jQuery умеет слать POST и GET запросы если тебе что нибудь дает. Твою систему я вижу так, напиши серверный файл на PHP, который будет показывать вопросы, ответы таблицой. А в таблице интерактивные кнопочки, удалить, добавить итд. На кнопки вешайте AJAX запросы, с помощью jQuery. 0