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

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

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

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

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
<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>
        </section>
        <section id="content2">
            <h4>test</h4>
            <ul>
                <li><input type="checkbox" name="check[]" value="test text 1" id="check8"><label for="check8">Test text1</label></li>
                <li><input type="checkbox" name="check[]" value="test text 2" id="check9"><label for="check9">Test text2</label></li>
                <li><input type="checkbox" name="check[]" value="test text 3" id="check10"><label for="check10">Test text3</label></li>
                <li><input type="checkbox" name="check[]" value="test text 4" id="check11"><label for="check11">Test text4</label></li>
                <li><input type="checkbox" name="check[]" value="test text 5" id="check12"><label for="check12">Test text5</label></li>
                <li><input type="checkbox" name="check[]" value="test text 6" id="check13"><label for="check13">Test text6</label></li>
                <li><input type="checkbox" name="check[]" value="test text 7" id="check14"><label for="check14">Test text7</label></li>
            </ul>
        </section>
    </div>
    <input type="submit" value="send">
</form>

@pav1uxa · 01.03.2016, 21:27

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

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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>
        </section>
    </div>
    <input type="submit" value="send">
</form>

@Laroux · 01.03.2016, 21:29

не отображать несколько блоков

Только тот, который соответствует языку пользователя

@phpk · 01.03.2016, 21:33 **[ТС]**

не совсем понял ответ.
В форме должны быть несколько блоков section с одинаковыми данными на разных языках

Добавлено через 1 минуту

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

не отображать несколько блоков

эти блоки показываются в виде табов, при клике по которым показывается блок на нужном языке

Добавлено через 1 минуту
выбранному блоку назначается display:block, а скрытым назначается display:none.
У скрытых блоков не будут отправляться данные?

@Laroux · 01.03.2016, 21:34

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

@phpk · 01.03.2016, 21:42 **[ТС]**

а если отправка данных происходит ajax-ом, тогда сабмит по идее тут не играет роли.
Как в данном случае отправить данные?

@Laroux · 01.03.2016, 21:43

фиг его знает, наверное JS умеет понимать, элемент из visible или нет. Но это не та ветка форума
Хотя может кто и подскажет

@fanatikus · 01.03.2016, 22:25

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

а если отправка данных происходит ajax-ом,

как-то так

PHP/HTML
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
<script>
$(function(){
    $('.send').click(function(){
        var arr = [];
        var id = $(this).attr('data-id');
        $('#'+id+' input[type=checkbox]').each(function(i,e){
            arr.push($(e).val());
        })
        var str = arr.join(',');
        var d = 'data='+str+'&data_id='+id;//data_id чтобы знать с какого контейтера данные
        console.log(str);//test text 1,test text 2,test text 3,test text 4,test text 5,test text 6,test text 7
        $.ajax({
             url:'file.php',
             type:'post',
             data: d,
             success:function(mess){
                 //что то делаем после ответа с сервера
             }
        })
    })
})
</script>
 <section id="content1">
    <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>
</section>
<button data-id='content1' type="button" class="send">отправить</button>
 <section id="content2">
            //....
</section>
<button data-id='content2' type="button" class="send">отправить</button>
 <section id="content3">
            //....
</section>
<button data-id='content3' type="button" class="send">отправить</button>

@phpk · 02.03.2016, 01:37 **[ТС]**

ага, благодарю за пример

Добавлено через 2 часа 59 минут
сразу извиняюсь, если не в тот раздел пишу, но это ещё по этой теме.
Пытаюсь выбрать данные из чекбокса так:

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' ?

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@Laroux 172 / 167 / 75 Регистрация: 21.11.2014 Сообщений: 1,490
	01.03.2016, 21:29
	не отображать несколько блоков Только тот, который соответствует языку пользователя 0

@Laroux 172 / 167 / 75 Регистрация: 21.11.2014 Сообщений: 1,490
	01.03.2016, 21:34
	меняйте имя сабмита вместе с табом и принимайте далее те данные, которые будут соответствовать кнопке 0

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313
	01.03.2016, 21:42 [ТС]
	а если отправка данных происходит ajax-ом, тогда сабмит по идее тут не играет роли. Как в данном случае отправить данные? 0

@Laroux 172 / 167 / 75 Регистрация: 21.11.2014 Сообщений: 1,490
	01.03.2016, 21:43
	фиг его знает, наверное JS умеет понимать, элемент из visible или нет. Но это не та ветка форума Хотя может кто и подскажет 0