Динамический выбор Вариант HTML на основе предыдущего варианта выбора

Question

Как вы динамически выбираете опцию HTML на основе предыдущего тега выбора? Изображение текущего проекта

Ниже приведен код, который я сделал для этого. Я ожидаю, что тег выбора размера будет отключен до тех пор, пока пользователь не выберет цвет, например Neon Blue, а затем тег параметра размера заполнит все размеры, доступные для этой спецификации c цвет, например, , например,

    <!-- product attributes -->
              <div class="product-attributes">

              <select class="product-select-attributes" name="p-attrib" id="p-attrib">
                        <?php
                          echo "<option selected disabled>Color</option>";
                          //echo "<option value={$productID}>$color</option>";
                          foreach($arrays as $nxt) {                                    
                            //echo "<option value={$nxt['pID']}>{$nxt['attrib']} <p> | </p> {$nxt['quantity']} <p>left</p></option>";
                            echo "<option value={$productID}>{$nxt['color']}</option>";
                          }

                        ?>
                  </select>

                <br>
                <hr>


              <select class="product-select-attributes" name="p-attrib" id="p-attrib">
                      <?php
                        echo "<option selected disabled>Size</option>";
                        foreach($arrays as $nxt) {  
                          //echo "<option value={$nxt['pID']}>{$nxt['attrib']}  <p> | </p> {$nxt['stock']} <p>left</p> </option>";
                          echo "<option value={$productID}>{$nxt['size']}</option>";
                        }
                      ?>
                </select>
              
              </div>

              <!-- add to cart button -->
              <div class="product-add-to-cart">
                      <div class="product-atc">
                          <a href="#">Add To Cart</a>
                      </div>
              </div>