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>

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

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

	Php форма + Jquery 06.01.2014, 16:03. Показов 1039. Ответов 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

Опции темы