有沒有辦法只有在 php 中選擇了選項后才顯示命令

Question

我無法弄清楚在選擇選項后如何放置所選代碼。

我正在使用 laravel，但我認為它與 laravel 框架無關...

<select id="idjenisuniform" name="idjenisuniform"  style="width: 100%;">
   <option value=""></option>
       @foreach($idjenisuniform as $g)
          <option value="{{$g->id}}" >{{$g->badanuniform}}</option>
       @endforeach
</select>

（ idjenisuniform來自 controller，它有效），但我只是不知道從選項中完成選擇后該怎么做。

例子

它選擇police -> the id is 1

我要實現：

如果它的選項是1 ，那么它將顯示其他選項以顯示他在哪個組。例如detective 。

總之，我正在嘗試創建一個 select 選項，在選擇它之后，它將繼續執行與選項中的前一個 id 相對應的下一個 select 選項。

請幫忙。

Answer 1

由於您想要一種取決於用戶交互的效果，因此最好使用 javascript 來獲得您想要的效果。 php，選擇要go一路返回web服務器處理，然后將結果一路傳回瀏覽器，結果刷新整個web頁面。 使用 javacript，一切都發生在瀏覽器中。

但是，您要求 php 解決方案，所以這是最簡單的方法。 假設第一個 select 元素名為“select-one”，第二個 select 元素名為“select-two”

創建兩個 forms。注意第二個表單有一個 ID。

[form action="/url/" method="whatever"]
[form id="other-form" action="/url/" method="post"]

在主表單（沒有 ID 的表單）中，放置所有表單元素。 此外，放置另一個與第一個 select 元素同名的隱藏元素（“select-one”）；

[form]
[input type="hidden" name="select-one"]
... all other elements
[/form]

現在，當您添加第一個 select 元素時，給它一個新屬性，以便它與“其他形式”而不是與主形式相關聯。 另外，給它一個ID。

[select id="select1" name="select-one" form="other-form"]

您必須添加一點 javascript，但並不多。 如果您沒有設置任何其他 javascript，只需將它放在 web 頁面的底部，就在 [/body] 標簽上方。

[script]
const select1 = document.querySelector('#select1');
select1.addEventListener('change', (event) => event.target.form.submit());
[/script]

javascript 將提交與#select1 關聯的表單。 由於我們將元素分配給“other-form”，這就是將要提交的表單。

對於 php：我已經很長時間沒有使用 Laravel 了，所以我在這里只提供一些普通的 php。

$options_one = ['One', 'Two', 'Three'];

$options_two = [
  'One' => ['Foo', 'Bar', 'Baz'],
  'Two' => ['Boom', 'Bang', 'Bam'],
  'Three' => ['Fee', 'Fie', 'Fo', 'Fum']
];

$select_one = (isset ($_POST['select-one']) ? $_POST['select_one'] : false;
// do some input validation

現在對於 forms：

<form id="other-form" method="post" action = ""></form>

<form id="main-form" action="">
  <input type="hidden" name="select-one" value="<?php echo $select_one ?>">

  <!-- This element is assigned to "other-form" -->
  <select form="other-form" name="select-one" id="select1">
    <option value="">Select One...</option>
    <?php foreach($options_one as $option) {
      $option = ($select_one === $option) ? "<option selected>$option</option>" : "<option>$option</option>";
      echo $option;
    }?>
  </select>

  <select name="select-two">
    <?php
    $options = ["The first choice has not been selected"];

    if (array_key_exists($select_one, $options_two)) {
      $options = $options_two[$select_one];
    }

    foreach ($options as $option) {
      echo "<option>$option</option>";
    }
    ?>
  </select>

  <!-- other inputs in your form -->
</form>