Обработка динамических форм

@vahminator · Регистрация: 06.07.2011

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

Добрый день!
У меня есть динамическая форма. Выпадающий список и 3 текстовых поля
Динамическая в том плане что их можно дублировать несколько раз.
Вопрос в следующем: Как обработать и вывести введенный текст в таком порядке, как он был и введен.
То есть я ввожу:
Муж - Иванов - Иван - Иванович
Жена - Иванова - Мария - Петровна

и мне в таком же виде и порядке выводит
код формы:

HTML5
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
49
50
51
52
53
54
55
56
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
    var countOfFields = 1; 
    var curFieldNameId = 1; 
    var maxFieldLimit = 25; 
    function deleteField(a) {
      if (countOfFields > 1)
      {
     var contDiv = a.parentNode;
     contDiv.parentNode.removeChild(contDiv);
     countOfFields--;
     }
     return false;
    }
    function addField() {
     if (countOfFields >= maxFieldLimit) {
     alert("Число полей достигло своего максимума = " + maxFieldLimit);
     return false;
     }
     countOfFields++;
     curFieldNameId++;
     var div = document.createElement("div");
     div.innerHTML = '<nobr><select name=\"select_relatives[' + curFieldNameId + ']\" style=\"width:150px;\"><option value=\"0\">Выбрать</option><option value=\"Муж\">Муж</option><option value=\"Жена\">Жена</option><option value=\"Сын\">Сын</option><option value=\"Дочь\">Дочь</option></select> <input name=\"relatives_fname[' + curFieldNameId + ']\" type=\"text\" style=\"width:300px;\" /> <input name=\"relatives_sname[' + curFieldNameId + ']\" type=\"text\" style=\"width:300px;\" /> <input name=\"relatives_mname[' + curFieldNameId + ']\" type=\"text\" style=\"width:300px;\" /> <input name=\"relatives_birthday[' + curFieldNameId + ']\" type=\"text\" style=\"width:300px;\" /> <a style=\"color:red;\" onclick=\"return deleteField(this)\" href=\"#\">[-]</a> <a style=\"color:green;\" onclick=\"return addField(this)\" href=\"#\">[+]</a></nobr>';
     document.getElementById("parentId").appendChild(div);
     return false;
    }
    </script>
 
</head>
<body>
<form action="index.php" method="POST">
<div id="parentId">
  <div>
  <nobr>
    <select name="select_relatives[]" style="width:150px;">
        <option value="0" selected>Выбрать</option>
        <option value="Муж">Муж</option>
        <option value="Жена">Жена</option>
        <option value="Сын">Сын</option>
        <option value="Дочь">Дочь</option>
    </select>
    <input name="relatives_fname[]" type="text" style="width:300px;" />
    <input name="relatives_sname[]" type="text" style="width:300px;" />
    <input name="relatives_mname[]" type="text" style="width:300px;" />
    <input name="relatives_birthday[]" type="text" style="width:300px;" />
        <a style="color:red;" onclick="return deleteField(this)" href="#"><Удалить></a>
        <a style="color:green;" onclick="return addField()" href="#"><+></a>
    <input type="submit" value="goooo">
    </nobr>
  </div>
</div>
</form>
</body>
</html>

@PlumBoom · 05.04.2013, 21:00

1. Т.к. у вас нет множественного выбора, удалите квадратные скобки после имён элементов (или используйте foreach для вывода значений элементов ассоциативного массива).
2.

PHP
1
2
3
4
5
6
7
8
9
if(isset($_POST['select_relatives'], $_POST['relatives_fname'], $_POST['relatives_sname'],
$_POST['relatives_mname'], $_POST['relatives_birthday'])) {
    $relatives = $_POST['select_relatives'];
    $fname = $_POST['relatives_fname'];
    $sname = $_POST['relatives_sname'];
    $mname = $_POST['relatives_mname'];   
    $birthday = $_POST['relatives_birthday'];
    echo $relatives . ' - ' . $fname . ' - ' . $sname . ' - ' . $mname . ' - ' . $birthday;
}

Этот код не работает, если в POST-запрос передается массив, т.е. вот так должен выглядеть твой HTML-код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<nobr>
    <select name="select_relatives" style="width:150px;">
        <option value="0" selected>Выбрать</option>
        <option value="Муж">Муж</option>
        <option value="Жена">Жена</option>
        <option value="Сын">Сын</option>
        <option value="Дочь">Дочь</option>
    </select>
    <input name="relatives_fname" type="text" style="width:300px;" />
    <input name="relatives_sname" type="text" style="width:300px;" />
    <input name="relatives_mname" type="text" style="width:300px;" />
    <input name="relatives_birthday" type="text" style="width:300px;" />
        <a style="color:red;" onclick="return deleteField(this)" href="#"><Удалить></a>
        <a style="color:green;" onclick="return addField()" href="#"><+></a>
    <input type="submit" value="goooo">
    </nobr>

Donald28 · 06.04.2013, 00:35

я не согласен по поводу удаления квадратных скобок. Они просто НЕ должны быть пустыми.

@vahminator · 07.04.2013, 13:34 **[ТС]**

Donald28, покажи как должно быть... буду очень признеателен!

Donald28 · 07.04.2013, 13:41

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<body>
<form action="index.php" method="POST">
<div id="parentId">
  <div>
  <nobr>
    <select name="select_relatives[]" style="width:150px;">
        <option value="0" selected>Выбрать</option>
        <option value="Муж">Муж</option>
        <option value="Жена">Жена</option>
        <option value="Сын">Сын</option>
        <option value="Дочь">Дочь</option>
    </select>
    <input name="relatives_fname[1]" type="text" style="width:300px;" />
    <input name="relatives_sname[1]" type="text" style="width:300px;" />
    <input name="relatives_mname[1]" type="text" style="width:300px;" />
    <input name="relatives_birthday[1]" type="text" style="width:300px;" />
        <a style="color:red;" onclick="return deleteField(this)" href="#"><Удалить></a>
        <a style="color:green;" onclick="return addField()" href="#"><+></a>
    <input type="submit" value="goooo">
    </nobr>
  </div>
</div>
</form>
</body>

в PHP вызываешь следующим образом:

PHP
1
2
$first_name=$_POST['relatives_fname'];
echo $first_name[1]; // первая введенная фамилия

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	06.04.2013, 00:35
	я не согласен по поводу удаления квадратных скобок. Они просто НЕ должны быть пустыми. 0

@vahminator 1 / 1 / 0 Регистрация: 06.07.2011 Сообщений: 93
	07.04.2013, 13:34 [ТС]
	Donald28, покажи как должно быть... буду очень признеателен! 0