Добавить (наборы) полей для создания jQuery

Question

В jQuery легко добавить дополнительные поля в html-форму. Затем мы можем сериализовать поля, если они имеют одинаковые name, но что, если у нас есть набор полей? Например

<input type="text" name="movie1_name" /> 
<input type="text" name="movie1_director" /> 
<input type="text" name="movie1_year" /> 

Теперь я хочу, чтобы добавить новый набор полей JQuery, как

<input type="text" name="movie2_name" /> 
<input type="text" name="movie2_director" /> 
<input type="text" name="movie2_year" /> 

и так далее. Я обрабатываю форму с помощью PHP для вставки фильмов в базу данных mysql с тремя столбцами (имя, режиссер, год). В вышеупомянутом примере сложно сериализовать поля для создания соответствующих $ _POST массивов. Как мне сериализовать набор фильмов с добавлением jquery?

Answer 1

на основе полезной дискуссии с Cheery, я пришел к выводу, что самый лучший и безопасный способ заключается в использовании

<input type="text" name="movie_name[i]" /> 
<input type="text" name="movie_director[i]" /> 
<input type="text" name="movie_year[i]" /> 

где мы определяем каждый i с JQuery для правильной сериализации полей. Таким образом, мы можем быть уверены, что сериализованные массивы параллельны и хорошо сопоставлены, без ошибок.

Answer 2

Вы можете сделать что-то вроде этого:

<input type="text" name="movie1_name" /> 
<input type="text" name="movie1_director" /> 
<input type="text" name="movie1_year" /> 
// OTHER: 
<input type="text" name="movie2_name" /> 
<input type="text" name="movie2_director" /> 
<input type="text" name="movie2_year" /> 

И сделать это все ... В Jquery, вы создаете функцию, которые создают поле нужно ... Я не самый лучший в JQuery так Я не могу помочь вам в этом, но, как я сказал, вы отлично справились со мной с PHP ...

Answer 3

<input type="text" name="movie_name[]" /> 
<input type="text" name="movie_director[]" /> 
<input type="text" name="movie_year[]" /> 

<input type="text" name="movie_name[]" /> 
<input type="text" name="movie_director[]" /> 
<input type="text" name="movie_year[]" /> 

Больше ничего. На сервере вы получите (в случае POST) массив в $ _POST ['movie_name'], $ _POST ['movie_director'] и $ _POST ['movie_year'] ;. Элементы с тем же индексом относятся к одному набору входов.

Какая проблема с сериализацией у вас есть?

<form> 
<input type="text" name="movie_name[]" /> 
<input type="text" name="movie_director[]" /> 
<input type="text" name="movie_year[]" /> 
<hr /> 
<input type="text" name="movie_name[]" /> 
<input type="text" name="movie_director[]" /> 
<input type="text" name="movie_year[]" /> 
<br /> 
<input type='button' id='serialize' value='Click me' /> 
</form> 

и JS код:

$('#serialize').click(function(){ 
    alert($('form').serialize()); 
}); 

, когда вы хотите, чтобы представить данные просто написать

пс: если вы боитесь потерять что-то, просто сравнить счетчик ($ _ POST ['movie_name']), count ($ _ POST ['movie_director']) и count ($ _ POST ['movie_year']).

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

<input type="text" name="movie_name[0]" /> 
    <input type="text" name="movie_director[0]" /> 
    <input type="text" name="movie_year[0]" /> 

    <input type="text" name="movie_name[1]" /> 
    <input type="text" name="movie_director[1]" /> 
    <input type="text" name="movie_year[1]" />