ПОлучить данные методом Post из динамически созданных input'ов

@[XandeR] · Регистрация: 18.03.2009

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

Вопрос в следующем:
Моя задача была написать с помощью яваскрипта скрипт который динамически добавляет инпуты на форму, в древовидном типе. Каждый инпут должен помнить информацию о том чей он потомок и свой индекс, соответственно в пост я должен передать двумерный массив.
Первоначально это вышлядит так

PHP
1
2
3
4
5
6
7
     <div id='itemsContainer'>
      <ul type="square">
       <div id='root'>
         <div id='item1'><li><input type='text' name='node[1][1]' value='Root(Íàçâàíèå)'> <a href='javascript:void(0)' onclick='AddChildNode(2,1)'> +</a></li>
     </div>                                        
      </ul>
     </div>

И массив передается в пост до тех пор пока мы не создали не одного динамического инпута

PHP
1
2
3
4
5
6
      <ul type="square">
       <div id="root">
         <div id="item1"><li><input type="text" name="node[1][1]" value="Root(Название)"> <a href="javascript:void(0)" onclick="AddChildNode(2,1)"> +</a></li>
     <div style="border-left: 1px dashed #444; padding-left: 30px; " id="item2"><li><input type="text" name="node[2][1]" value="node[2][2][1]"><a href="javascript:void(0)" onclick="AddChildNode(3,2)"> +</a>  <a href="javascript:void(0)" onclick="DeleteNode(2)"> -</a></li><div style="border-left: 1px dashed #444; padding-left: 30px; " id="item3"><li><input type="text" name="node[3][2]" value="node[3][3][2]"><a href="javascript:void(0)" onclick="AddChildNode(4,3)"> +</a>  <a href="javascript:void(0)" onclick="DeleteNode(3)"> -</a></li></div></div></div>                                        
      </ul>
     </div>

вот так он уже не передается, 2 узла после корневого были созданы динамически.

Так как же получить данные из динамически созданных элементов формы??

@Nazz · 03.05.2011, 20:57

используйте ajax, и передавайте все необходимые значения))

@[XandeR] · 03.05.2011, 21:57 **[ТС]**

а как в яваскрипт получить двумерный массив элементов node в моем случае? уже голова не варит, 4 часа гуглил ничего вобще путного не нашел ни про передачу данных с динамических инпутов ни про js, у меня даже данные в массив не добавляются
var nodeparents=new array();
nodeparents[nodeparents.length]='4'; - не работает. В общем у меня уже ничего не работает.

@Sanu0074 · 03.05.2011, 23:24

Сообщение от [XandeR]

В общем у меня уже ничего не работает.

тут самый легкий способ с помощью JQUERY:

1) отбираеш свои инпуты в массив
2) с помощью $.post() отправить переменную обработчику, и например с помощью function(data) вкинуть результат уже куда надо!

@Nazz · 04.05.2011, 10:17

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

2) с помощью $.post() отправить переменную обработчику, и например с помощью function(data) вкинуть результат уже куда надо!

или же

JavaScript
1
$.ajax()

@[XandeR] · 07.05.2011, 12:56 **[ТС]**

ну и зачем мне этот jquery? я могу это сделать обычным js без всяких фреймворков

@profid · 07.05.2011, 13:33

вообще javascript и jquery взаимосвязаны,я бы с помощью енго с делал

@[XandeR] · 08.05.2011, 15:43 **[ТС]**

да вопрос решил с помощью аякса, с jquery не связывался поэтому не вижу необходимости в его испоьзовании. а вобще меня смешат фанаты jquery которые пишут статьи о том как сделать через js переключаемые вкладки, и обязательно через jquery. Посмотрел, увидел кучу говнокода, подумал может они хотя бы красивые, а нефига, они точно такие же какие я реализовал в универсальной функции для вкладок на 6 строчках понятного и простого кода. А вы, любители фреймворков, лепите их во все щели и непонятно зачем.

@Nazz · 08.05.2011, 15:50

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

@CyBOSSeR · 08.05.2011, 16:04

[XandeR], использование библиотек экнономит кучу времени, кроме того обеспечивает кроссбраузерность. Да и зачем писать заново то, что уже реализовано до тебя. А насчет говнокода - так это Ваша задача, пишите нормальный код. Кстати подключение обработчиков в самих элементах - плохой стиль, разметка и поведение должны быть полностью разделены.

@Nazz · 08.05.2011, 21:03

согласен с CyBOSSeR, всегда нужно разделять логику и представление, html и js. Считается плохим стилем программирования естли у Вас html переплетается с script'ом.

@[XandeR] · 10.05.2011, 21:15 **[ТС]**

учту!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	03.05.2011, 20:57
	используйте ajax, и передавайте все необходимые значения)) 0

@[XandeR] 31 / 31 / 3 Регистрация: 18.03.2009 Сообщений: 381 Записей в блоге: 2
	03.05.2011, 21:57 [ТС]
	а как в яваскрипт получить двумерный массив элементов node в моем случае? уже голова не варит, 4 часа гуглил ничего вобще путного не нашел ни про передачу данных с динамических инпутов ни про js, у меня даже данные в массив не добавляются var nodeparents=new array(); nodeparents[nodeparents.length]='4'; - не работает. В общем у меня уже ничего не работает. 0

@[XandeR] 31 / 31 / 3 Регистрация: 18.03.2009 Сообщений: 381 Записей в блоге: 2
	07.05.2011, 12:56 [ТС]
	ну и зачем мне этот jquery? я могу это сделать обычным js без всяких фреймворков 0

@profid 67 / 44 / 5 Регистрация: 22.02.2011 Сообщений: 285
	07.05.2011, 13:33
	вообще javascript и jquery взаимосвязаны,я бы с помощью енго с делал 0

@[XandeR] 31 / 31 / 3 Регистрация: 18.03.2009 Сообщений: 381 Записей в блоге: 2
	08.05.2011, 15:43 [ТС]
	да вопрос решил с помощью аякса, с jquery не связывался поэтому не вижу необходимости в его испоьзовании. а вобще меня смешат фанаты jquery которые пишут статьи о том как сделать через js переключаемые вкладки, и обязательно через jquery. Посмотрел, увидел кучу говнокода, подумал может они хотя бы красивые, а нефига, они точно такие же какие я реализовал в универсальной функции для вкладок на 6 строчках понятного и простого кода. А вы, любители фреймворков, лепите их во все щели и непонятно зачем. 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	08.05.2011, 15:50
	фреймворки сильно упрощают работу, особенно когда есть строки выполнения... я согласен с тем, что и с их использованием можно писать мего гавнокод, но и для етого мы учимся и работаем, чтобы писать не гавнокод, а приличный код, только с использованием таких фрейворков, для ускорения работы. 0

@CyBOSSeR 2348 / 1721 / 149 Регистрация: 06.03.2009 Сообщений: 3,675
	08.05.2011, 16:04
	[XandeR], использование библиотек экнономит кучу времени, кроме того обеспечивает кроссбраузерность. Да и зачем писать заново то, что уже реализовано до тебя. А насчет говнокода - так это Ваша задача, пишите нормальный код. Кстати подключение обработчиков в самих элементах - плохой стиль, разметка и поведение должны быть полностью разделены. 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	08.05.2011, 21:03
	согласен с CyBOSSeR, всегда нужно разделять логику и представление, html и js. Считается плохим стилем программирования естли у Вас html переплетается с script'ом. 0

@[XandeR] 31 / 31 / 3 Регистрация: 18.03.2009 Сообщений: 381 Записей в блоге: 2
	10.05.2011, 21:15 [ТС]
	учту! 0