我正在嘗試使用 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>循環正確，圖像路徑功能也正確，因為我在其他選項中使用過。我只需要顯示圖像，以便我可以選擇其他用途。
1 回答
幕布斯6054654
TA貢獻1876條經驗 獲得超7個贊
首先創建動態類并在類中設置背景圖像，然后在選項標簽中應用類
<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>
- 1 回答
- 0 關注
- 189 瀏覽
添加回答
舉報
0/150
提交
取消