0

Есть массив:

array (size=5)
  1821175 => 
    array
      'id' => int 1821175
      'name' => string 'Name'
      'statuses' => 
        array
          28235989 => 
            array
              'id' => int 28235989
              'name' => string 'status 1'
              'color' => string '#c1c1c1'
          28235992 => 
            array
              'id' => int 28235992
              'name' => string 'status 2'
              'color' => string '#c1c1c1'
   1931089 => 
    array
      'id' => int 1931089
      'name' => string 'Name 2'
      'statuses' => 
        array
          28235989 => 
            array
              'id' => int 28235989
              'name' => string 'status 3'
              'color' => string '#c1c1c1'
          28235992 => 
            array
              'id' => int 28235992
              'name' => string 'status 4'
              'color' => string '#99ccff'

Я получаю значения для каждого Name со своим ID таким образом:

<select class="form-control" id="Pipelineselect" name="Pipelineselect">
    <?php
    foreach ($PipeLines as $PipeLine) {
      echo "<option value=".$PipeLine['id'].">".$PipeLine['name']."</option>";
      }
    ?>
</select>

Дальше необходимо вывести ещё один <select></select>, в options которого надо вставить соответствующие значения $PipeLine['statuses'] для каждого из $PipeLine: То есть, в итоге, результаты во второй селект бы подгружались ajax-ом это должно выглядеть как:

image

Помогите, как такое реализовать?

2
  • PHP код у вас в том же файле, что и html/js или отдельный? Формирование массива происходит в какой момент? И в какой момент жизни приложения происходит построение списка из массива? Пользователь это все инициирует своими действиями или в момент загрузки происходит? 7 фев 2020 в 13:17
  • Заранее ответы: 1.в том же. Кроме функции получения массива. 2.при загрузке страницы. 3. Первый селект при загрузке страницы. Второй должен бы погрузиться Аяксом... @Константин 7 фев 2020 в 17:23

2 ответа 2

2

Можно и без ajax. Вы же берёте данные из этого же массива.

<?php

$PipeLines = array(
    1821175 => array(
        'id' => '1821175',
        'name' => 'Name',
        'statuses' => array(
            28235989 => array('id' => '28235989',
                'name' => 'status 1',
                'color' => '#c1c1c1'),
            28235992 => array('id' => '28235992',
                'name' => 'status 2',
                'color' => '#c1c1c1')
        )
    ),
    1931089 => array(
        'id' => '1931089',
        'name' => 'Name 2',
        'statuses' => array(
            28235989 => array(
                'id' => '28235989',
                'name' => 'status 3',
                'color' => '#c1c1c1'),
            28235992 => array(
                'id' => 28235992,
                'name' => 'status 4',
                'color' => '#99ccff'
            )
        )
    )
);
print_r($PipeLines);

?>

<select class="form-control" id="Pipelineselect" name="Pipelineselect">
    <?php
    $Keys = array();
    echo "<option value=''></option>";
    foreach ($PipeLines as $ke=>$PipeLine) {
        echo "<option value=".$PipeLine['id'].">".$PipeLine['name']."</option>";
    }
    ?>
</select>
<?php
foreach ($PipeLines as $key=>$PipeLine) {
    echo '<select class="form-control" id="'.$key.'" name="'.$key.'" hidden>';
    foreach ($PipeLine['statuses'] as $status)
    echo "<option value=".$status['id'].">".$status['name']."</option>";
    echo '</select>';
}
?>

<script language="JavaScript">
    let z = JSON.parse('<?php print_r(json_encode($PipeLines))?>');
    Object.keys(z).forEach(function (key){
        var Press = z[key]['id'];

        document.getElementById("Pipelineselect").addEventListener("change", function() {
            var e = document.getElementById("Pipelineselect");
            var strUser = e.options[e.selectedIndex].value;
            if (strUser == Press) {
                document.getElementById(Press).hidden = false;
            }else {
                document.getElementById(Press).hidden = true;
            }
        });
    });
</script>
14
  • 1
    @theblackpost Где задавать уникальный name? Все параметры и в селектах и в php зависят исключительно от id. Name только выводится в селект текстом.
    – Denis640Kb
    10 фев 2020 в 15:16
  • 1
    @theblackpost А в чём сложность? ))) Отслеживаете выбранное поле через js, получаете его значение и отправляете в POST, да можно даже и через PHP обернув всё в форму ) Но это уже другой вопрос, нежели в самом вопросе.
    – Denis640Kb
    10 фев 2020 в 15:33
  • 1
    @theblackpost Понятно, убрали решение как верное. Вы оформили вопрос. Вам был дан конкретный ответ, который полностью соответствует Вашему вопросу. И Вы решили убрать это решение как верное. Если у Вас появляются другие вопросы - их необходимо оформлять отдельно. Кто же Вам будет помогать после такого?
    – Denis640Kb
    10 фев 2020 в 15:35
  • 1
    @theblackpost Либо необходимо обернуть селекторы в форму <form action="ФайлВкоторыйБудутПередаватьсяДанные.php" method="post">, кнопка <button formmethod="post">Тык</button> и в конце </form> Тогда после выборов селектов и нажатии на кнопку - данные будут передаваться в файл, в котором их можно получить и с ними работать. Или, если без нажатия кнопки, то отслеживать изменение через js при помощи onchange И так же эти данные можно обрабатывать и отправлять куда угодно.
    – Denis640Kb
    10 фев 2020 в 16:00
  • 1
    @theblackpost Вы проверяете нажатие элемента с именем add, чтобы отслеживать первый селект используйте if(isset($_POST['Pipelineselect']){$param = $_POST['Pipelineselect']} Другие селекты (выбранные), можно отслеживать через этот же самый массив через цикл. foreach ($PipeLines as $key=>$PipeLine) { if(isset($_POST['$key]){$param1 = $_POST['$key]} Могу так же пример и на js написать с получением выбранных значений.
    – Denis640Kb
    10 фев 2020 в 16:25
2

Делаете ajax запрос на сервер и с сервера возвращаете готовый json объект. Затем в success вы ищете ваш select чтото типо $('#select-id') проходите циклом по полученному json и создаете option елементы для вашего селекта. Думаю что понятно изложил, в случае чего задавайте вопросы

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.