Запись с инпутов аяксом

@new-dev · Регистрация: 06.05.2014

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

Всем привет, подскажите как лучше записывать данные.

Имеется около 20 инпутов, часть из них может быть заполнено часть нет.

HTML5

1	<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>

Как получить данные со всех инпутов?

Как отслеживать какой сохранять какой нет? ( один инпут пренодлежит одному ученику ) , можно запихнуть для фильтрации номер ученика , куда только?

@alexsamos33 · 21.08.2015, 16:27

событие $("input").change().

@new-dev · 24.08.2015, 09:08 **[ТС]**

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

если предположим их штук 15 :

HTML5

<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>

Добавлено через 23 минуты
нашёл примеры для чекбоксов, селектов, а с инпутами не понятно

@alexsamos33 · 24.08.2015, 09:15

Сообщение от new-dev

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

если предположим их штук 15 :

HTML5

<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>
<td><input style="width:100px;" type="text" name="pupilBirthday" value="{birthday}"></td>

Добавлено через 23 минуты
нашёл примеры для чекбоксов, селектов, а с инпутами не понятно

чтобы они разделялись

Это как?
Если вы имеете ввиду чтобы они шли не в одну строку, а в несколько - пишите td внутри tr.
Например так: (по 3 input на строке, всего 2 строки и 6 input)

HTML5

<table>
    <tr>
        <td><input type="text" name="" value=""></td>
        <td><input type="text" name="" value=""></td>
        <td><input type="text" name="" value=""></td>
    </tr>
    <tr>
        <td><input type="text" name="" value=""></td>
        <td><input type="text" name="" value=""></td>
        <td><input type="text" name="" value=""></td>
    </tr>
</table>

@new-dev · 24.08.2015, 09:20 **[ТС]**

alexsamos33, не я не про то. Имею ввиду что у меня около 15 инпутов с датами рождения каждый инпут для каждого ученика, и мне эта надо на сервер всё передать для сохранения, я не знаю как получить правильно эти данные с инпутов

@alexsamos33 · 24.08.2015, 09:38

Сделайте один name и в конце добавьте скобки квадратные [] вот так.

HTML5

<table>
    <tr>
        <td><input type="text" name="date_day[]" value=""></td>
        <td><input type="text" name="date_month[]" value=""></td>
        <td><input type="text" name="date_year[]" value=""></td>
    </tr>
    <tr>
        <td><input type="text" name="date_day[]" value=""></td>
        <td><input type="text" name="date_month[]" value=""></td>
        <td><input type="text" name="date_year[]" value=""></td>
    </tr>
</table>

В PHP после отправки придёт массив.

@new-dev · 24.08.2015, 09:41 **[ТС]**

alexsamos33, а в js как получить ? пробую так ничего не приходит.

Javascript

$('#save').click(function(e){
        e.preventDefault();
        $('.date').change(function(){
           
                console.log($(this).val());
            
        });

@alexsamos33 · 24.08.2015, 09:47

Сообщение от new-dev

alexsamos33, а в js как получить ? пробую так ничего не приходит.

Javascript

$('#save').click(function(e){
        e.preventDefault();
        $('.date').change(function(){
           
                console.log($(this).val());
            
        });

А у вас класс date правильно задан?

Покажите полный код.

@new-dev · 24.08.2015, 09:49 **[ТС]**

alexsamos33,
сам инпут вот как выгледит

HTML5

1	<td><input style="width:75px;" type="text" name="date[{id}]" value="{birthday}"></td>

а в js такой и есть код

@alexsamos33 · 24.08.2015, 12:06

Сообщение от new-dev

alexsamos33,
сам инпут вот как выгледит

HTML5

1	<td><input style="width:75px;" type="text" name="date[{id}]" value="{birthday}"></td>

а в js такой и есть код

Ну. А где у вас класс? Нету. А его добавить надо, если у вас такой JS код.

HTML5

1	<td><input style="width:75px;" type="text" name="date[{id}]" value="{birthday}" class="date"></td>

Его надо добавить ко всем элементам input, для которых должна выполняться функция

Javascript

3	$('.date').change(function(){

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	21.08.2015, 16:27	2
	событие $("input").change(). 1

@new-dev 6 / 6 / 1 Регистрация: 06.05.2014 Сообщений: 265
	24.08.2015, 09:20 [ТС]	5
	alexsamos33, не я не про то. Имею ввиду что у меня около 15 инпутов с датами рождения каждый инпут для каждого ученика, и мне эта надо на сервер всё передать для сохранения, я не знаю как получить правильно эти данные с инпутов 0