Обработка формы на Query: способы решения

@mikenlu · Регистрация: 22.03.2012

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

Всем привет!
Изучая, столкнулся с такой задачей:

Есть форма:
Изначально есть блок инпУтов:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!-- Ввод адрес старта -->
<div id="start_adress">
<input type="text" name="adress_start" id="adress_start"/>
<input type="text" name="house_start" id="house_start"/>
<input type="text" name="case_start" id="case_start"/>
</div>
<!--Ввод адреса прибытия-->
<div id="finish_adress">
<input type="text" name="adress_finish" id="adress_finish"/>
<input type="text" name="house_finish" id="house_finish"/>
<input type="text" name="case_finish" id="case_finish"/>
</div>

Как сделать клон объекта id="start_adress", чтобы при передаче формы методом POST данные из созданного поля так же записались корректно, как и из двух изначально присутствующих на странице dov`ов ?

@Soldado · 25.02.2013, 13:12

Клон будeт иметь те же id и name - это не катит в jQuery. Можно не использовать эти атрибуты при отправке и выборке, а получить данные из всех блоков по другим идентификаторам. Например к дивам обратиться относительно других блоков.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!-- Ввод адрес старта -->
<div id="start_adress">
<input type="text" name="adress_start" id="adress_start"/>
<input type="text" name="house_start" id="house_start"/>
<input type="text" name="case_start" id="case_start"/>
</div>
<!--КЛОН старта -->
<div id="start_adress">
<input type="text" name="adress_start" id="adress_start"/>
<input type="text" name="house_start" id="house_start"/>
<input type="text" name="case_start" id="case_start"/>
</div>
 
<!--Ввод адреса прибытия-->
<div id="finish_adress">
<input type="text" name="adress_finish" id="adress_finish"/>
<input type="text" name="house_finish" id="house_finish"/>
<input type="text" name="case_finish" id="case_finish"/>
</div>

а именно, к оригиналу обратиться

JavaScript
1
$('#finish_adress').prev().prev()

а к клону

JavaScript
1
$('#finish_adress').prev()

Выбрать все значения полей и занести в уникальные переменные, потом всё отправить.

Это всё выглядит как-то криво, я не знаю всего замысла, зачем клонировать какой-то элемент можно создать уникальный

@mikenlu · 25.02.2013, 20:47 **[ТС]**

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

Это всё выглядит как-то криво, я не знаю всего замысла, зачем клонировать какой-то элемент можно создать уникальный

Доброго времени суток!
Да, возможно вы и правы, может есть более разумное решение.
Пытаюсь сделать форму заказа такси.
Блоки "Старт" и "Финиш" - это соответственно, адрес подачи и адрес прибытия.
"Клонирование" вводилось, для создания полей, в которых будут указаны заезды (т.е. промежуточные точки)=>
в результате форма должна передать POST`ом: 1. Адрес подачи (3 значения блока старт (улица, дом, корпус), 3 значения блока финиш (по аналогии со стартом) и соответственно значения блока(ов), промежуточных точек (их может быть от 1-ой до 3-х: больше трех промежуточных полей создаваться в форме не должно)...
На счет клона спросил, так как мне показалось, что эта реализация проще, но не так продуктивна, видимо, сточки зрения последующей обработки, конечно, лучше чтобы в POST уходили понятные данные, а не три набора с одинаковыми ID, что я так думаю, не пройдет (будет как минимум наложение значений, как максимум вообще значения не вставятся).
Если бы помогли создавать\удалять блоки с присваиванием уникальных ID и mane, был бы очень признателен и продвинулся бы дальше с разработкой формы.

@Soldado · 25.02.2013, 22:12

Ну, а если такой вариант - есть Ваши блоки старта и финиша и три блока остановок, но блоки остановок скрыты. Выбирая значения в селекторе клиент получает доступ к необходимому числу блоков остановок. Заполняет их и отправляет заказ (ajax). PHP-обработчик принимает переданные данные, обрабатывает их и отправляет диспетчеру на e-mail.
Вот демонстрация той части где осуществляется выбор количества остановок.

@mikenlu · 25.02.2013, 23:32 **[ТС]**

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

Ну, а если такой вариант

очень даже не плохой вариант реализации, попробую реализовать....
вопрос, во внутренних функциях обработки, которые получают необходимые значения

@mikenlu · 27.02.2013, 00:22 **[ТС]**

Не раз сталкивался с такой ошибкой в консоли:
Uncaught ReferenceError: $ is not defined test.php:23
(anonymous function)
Это якобы query не подключен? или нечто другое?

@alpex · 28.02.2013, 19:15

HTML5
1
2
3
4
5
<div id="start_adress">
<input type="text" name="adress_start[]" id="adress_start"/>
<input type="text" name="house_start[]" id="house_start"/>
<input type="text" name="case_start[]" id="case_start"/>
</div>

и так можно клонировать сколько угодно данные будут добавлятся в массив

@mikenlu · 28.02.2013, 19:17 **[ТС]**

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

будут добавлятся в массив

Спасибо за помощь, и познавательно и интересно.
На данный момент двигаюсь дальше, эту тему можно закрывать.
Сейчас уже обработка заказа в самом разгаре

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	25.02.2013, 22:12
	Ну, а если такой вариант - есть Ваши блоки старта и финиша и три блока остановок, но блоки остановок скрыты. Выбирая значения в селекторе клиент получает доступ к необходимому числу блоков остановок. Заполняет их и отправляет заказ (ajax). PHP-обработчик принимает переданные данные, обрабатывает их и отправляет диспетчеру на e-mail. Вот демонстрация той части где осуществляется выбор количества остановок. 1

@mikenlu 10 / 10 / 2 Регистрация: 22.03.2012 Сообщений: 191 Записей в блоге: 1
	27.02.2013, 00:22 [ТС]
	Не раз сталкивался с такой ошибкой в консоли: Uncaught ReferenceError: $ is not defined test.php:23 (anonymous function) Это якобы query не подключен? или нечто другое? 0