Отправить данные только из одного блока

@phpk · Регистрация: 15.05.2013

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

Подскажите пожалуйста, как отправить данные только из одного блока section?
В примере ниже есть форма, в которой два блока с одинаковыми данными, допустим на разных языках.
Как правильно отправить только данные из одного блока?
Для каждого блока section указывать разное имя массива с атрибутом name?
Или нужно как-то обрабатывать полученный массив в js перед отправкой?
Блоки section показываются в виде табов, и надо выбрать данные именно одного языка

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
<form action="handlerMail.php" id="form1">
    <div class="tabs">
        <section id="content1">
            <h4>test</h4>
            <ul>
                <li><input type="checkbox" name="check[]" value="test text 1" id="check1"><label for="check1">Test text1</label></li>
                <li><input type="checkbox" name="check[]" value="test text 2" id="check2"><label for="check2">Test text2</label></li>
                <li><input type="checkbox" name="check[]" value="test text 3" id="check3"><label for="check3">Test text3</label></li>
                <li><input type="checkbox" name="check[]" value="test text 4" id="check4"><label for="check4">Test text4</label></li>
                <li><input type="checkbox" name="check[]" value="test text 5" id="check5"><label for="check5">Test text5</label></li>
                <li><input type="checkbox" name="check[]" value="test text 6" id="check6"><label for="check6">Test text6</label></li>
                <li><input type="checkbox" name="check[]" value="test text 7" id="check7"><label for="check7">Test text7</label></li>
            </ul>
            <ul>
                <li><input type="checkbox" name="check[]" value="test text 11" id="check8"><label for="check8">Test text1</label></li>
                <li><input type="checkbox" name="check[]" value="test text 22" id="check9"><label for="check9">Test text2</label></li>
                <li><input type="checkbox" name="check[]" value="test text 33" id="check10"><label for="check10">Test text3</label></li>
                <li><input type="checkbox" name="check[]" value="test text 44" id="check11"><label for="check11">Test text4</label></li>
                <li><input type="checkbox" name="check[]" value="test text 55" id="check12"><label for="check12">Test text5</label></li>
                <li><input type="checkbox" name="check[]" value="test text 66" id="check13"><label for="check13">Test text6</label></li>
                <li><input type="checkbox" name="check[]" value="test text 77" id="check14"><label for="check14">Test text7</label></li>
            </ul>
        </section>
        <section id="content2">
            <h4>test</h4>
            <ul>
                <li><input type="checkbox" name="check[]" value="test text 1" id="check15"><label for="check15">Test text1</label></li>
                <li><input type="checkbox" name="check[]" value="test text 2" id="check16"><label for="check16">Test text2</label></li>
                <li><input type="checkbox" name="check[]" value="test text 3" id="check17"><label for="check17">Test text3</label></li>
                <li><input type="checkbox" name="check[]" value="test text 4" id="check18"><label for="check18">Test text4</label></li>
                <li><input type="checkbox" name="check[]" value="test text 5" id="check19"><label for="check19">Test text5</label></li>
                <li><input type="checkbox" name="check[]" value="test text 6" id="check20"><label for="check20">Test text6</label></li>
                <li><input type="checkbox" name="check[]" value="test text 7" id="check21"><label for="check21">Test text7</label></li>
            </ul>
            <ul>
                <li><input type="checkbox" name="check[]" value="test text 11" id="check22"><label for="check22">Test text11</label></li>
                <li><input type="checkbox" name="check[]" value="test text 22" id="check23"><label for="check23">Test text22</label></li>
                <li><input type="checkbox" name="check[]" value="test text 33" id="check24"><label for="check24">Test text33</label></li>
                <li><input type="checkbox" name="check[]" value="test text 44" id="check25"><label for="check25">Test text44</label></li>
                <li><input type="checkbox" name="check[]" value="test text 55" id="check26"><label for="check26">Test text55</label></li>
                <li><input type="checkbox" name="check[]" value="test text 66" id="check27"><label for="check27">Test text66</label></li>
                <li><input type="checkbox" name="check[]" value="test text 77" id="check28"><label for="check28">Test text77</label></li>
            </ul>
        </section>
    </div>
    <input type="submit" value="send">
</form>

@Fedor Vlasenko · 02.03.2016, 02:19

JavaScript
1
2
3
4
5
6
$('form').on('submit', function (e) {
    e.preventDefault();
    $.post('index.php', $('#content1 input').serialize(), function (mes) {
        // mes ответ сервера в данном примере в json
    }, 'json');
});;

@phpk · 02.03.2016, 12:00 **[ТС]**

благодарю за пример. Я тут уже придумал одно решение, только есть небольшие баги:

JavaScript
1
2
3
4
5
6
var arr=[],
    sec= form.find('input:checked').closest('section');
sec.find(':checked').each(function(i,e) {
    arr.push($(e).val());
}
var obj = $.extend({}, arr);

В результате обьект obj содержит примерно такое:
0 -> 'http://thispage.html'
1 -> '#' или 'on'
2 -> 'test text 1'
3 -> 'test text 2'
т.е. к данным чекбокса добавляется ещё адрес страницы + 'on/#'.
Откуда берётся здесь адрес страницы, если данные берутся из чекбокса, и откуда берётся 'on' ?

Добавлено через 7 часов 58 минут
Poznakomlus, а если таких блоков много, и атрибут name не указан, а метод serialize требует этот атрибут?
Допустим таких блоков много, и массив данных из чекбокса для отправки формируется js-скриптом.
Тут скорее подходит мой пример, только как его правильно исправить?

Добавлено через 38 минут
извиняюсь, уже нашёл в чём проблема.

JavaScript
1
sec= form.find('input:checked').closest('section');

здесь не правильно задал контекст, и код выходил за пределы нужной области

@Fedor Vlasenko · 02.03.2016, 12:05

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

атрибут name не указан

1 указывайте name лучше
2. вы ведь также можете пройтись по элементам с помощью each

JavaScript
1
2
3
4
5
var data = {};
$('#content1 input').each(function(i, elem) {
    data[elem.id] =  $(elem).val();
});
//$(data).serialize()

пример берет id в качестве name, но вы можете использовать любой другой атрибут и создавать name динамически как вам нужно

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .