如何使用选项在php中显示数据库中的图像并选择

Question

我正在尝试使用 select 和 option 标签显示我的数据库中的图像，但图像不显示。<div class="form-group col-md-6">      <label for="inputtype">Game Type</label>      <select class="custom-select mr-md-2" name="image_file">       <?php foreach($games as $image): ?>        <option selected></option>        <option value="<?php echo $image->region ?>"><img src="<?php echo $image->image_path(); ?>" width="40" height="40" style="border-radius: 100%; "/></option>        <?php endforeach; ?>      </select>          </div>循环正确，图像路径功能也正确，因为我在其他选项中使用过。我只需要显示图像，以便我可以选择其他用途。

Answer 1

首先创建动态类并在类中设置背景图像，然后在选项标签中应用类

<div class="form-group col-md-6">

      <label for="inputtype">Game Type</label>

      <select class="custom-select mr-md-2" name="image_file">

       <option selected></option>

       <?php foreach($games as $image): ?>

         <script>

           .image-option<?php echo $image->image_path(); ?>{

              background-image: '<?php echo $image->image_path(); ?>';

              width:"40";

              height="40";

           }

         </script>

        <option class='image-option<?php echo $image->image_path(); ?>' value="<?php echo $image->region ?>"></option>

        <?php endforeach; ?>

      </select>

</div>