Форум PHP программистов > Как занести значения в порядке их выбора?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как занести значения в порядке их выбора?

Страницы: 1, 2

inpost

25.05.2015 - 07:20

Был выбран 1 в select
После был выбран ещё и 5, получилось [1,5]. Смотрим на разницу, получаем цифру 5, записываем её в финальный массив (1,5).
Дальше выбрали 3, снова же получается [1,3,5], сравниваем с [1,5] и понимаем, что разница в цифре 3. Теперь цифру 3 записываем в финальный массив: (1,5,3).

Всё достаточно просто же.
Конечно можно вообще отказаться от select & checkbox, а просто строчки оставить или картинки, и по клику по ним добавлять в финальный массив данные, либо убирать их оттуда, в любом случае решается простыми действиями с массивом (добавить, сравнить, удалить элементы)

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

kaww

25.05.2015 - 07:26

Еще вариант, который отправляет на сервер сразу массив, т.е. без explode. Добавляются скрытые поля в форму со значением из выбранного чекбокса.

Code

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {

    var_dump($_POST);
    exit;
}
?>
<html>
<head></head>
<body>
<form action="" method="post" id="myForm">
    <div id="checkboxes">
        <div><input value="1" type="checkbox"/>1</div>
        <div><input value="2" type="checkbox"/>2</div>
        <div><input value="3" type="checkbox"/>3</div>
        <div><input value="4" type="checkbox"/>4</div>
        <div><input value="5" type="checkbox"/>5</div>
    </div>
    <input value="Send" type="submit"/>
</form>
<script>
    var el, form = document.getElementById("myForm");
    Array.prototype.slice.call(
            document.querySelectorAll("#checkboxes [type=checkbox]"), 0
    ).forEach(function (chx) {
                chx.addEventListener("change", function () {
                    if (this.checked) {
                        el = document.createElement("input");
                        el.id = "hType" + this.value;
                        el.type = "hidden";
                        el.name = "test[]";
                        el.value = this.value;
                        form.appendChild(el);
                    } else {
                        el = document.getElementById("hType" + this.value);
                        el.parentNode.removeChild(el);
                    }
                });
            });
</script>
</body>
</html>

Быстрый ответ:

Здесь расположена полная версия этой страницы.