Question

我在尝试解决问题时遇到了问题。我传递了一个数据数组，它采用以下形式

array:4 [▼
  "data" => array:2 [▼
    2015 => array:2 [▼
      "english" => array:1 [▼
        "chips" => array:1 [▼
          0 => "img1.png"
        ]
      ]
      "french" => array:1 [▼
        "mussles" => array:1 [▼
          0 => "img1.png"
        ]
      ]
    ]
    2016 => array:2 [▼
      "indian" => array:1 [▼
        "madras" => array:1 [▼
          0 => "img1.png"
        ]
      ]
      "italien" => array:1 [▼
        "pasta" => array:1 [▼
          0 => "img1.png"
        ]
      ]
    ]
  ]
]

这种结构是通过扫描目录结构获得的，但它应该非常一致。整体结构是

Year>Country>Dish>Images

我需要以某种方式在选择选项中显示这些数据。所以今年非常直接，我可以做到这一点

<select id="yearSelection" class="selectpicker form-control">
    @foreach($fileData["data"] as $year => $country)
        <option value="{{ $year }}">{{ $year }}</option>
    @endforeach
</select>

这是我的问题。因此上面的选择将显示2015年和2016年。然后我有第二个选择输入

<select id="countrySelection" class="selectpicker form-control">
    <option value=""></option>
</select>

现在，根据他们选择的年份，将确定此选择应显示的内容。因此，如果他们选择2015，则此选择应显示英语和法语。

如何根据之前的选择填充我的选择选项？

由于

Answer 1

您需要使用AJAX以流畅的方式完成此任务。

或者您可以在所选选项更改时刷新并使用GET参数发送所选年份（和其他数据）。然后，您可以根据GET参数将数据传递到视图。

这应该指向你想去的方向。

填充选择合适的数据

1 个答案: