Question

    <select name="" id="pftb">
  <option value="<?php echo $pf1;?>"><?php echo $pf1;?></option>

<option value="<?php echo is_null($pf2) ? "" : $pf2; ?>" ><?php echo is_null($pf2) ? "" : $pf2; ?></option>

<option value="<?php echo is_null($pf3) ? "" : $pf3; ?>"><?php echo is_null($pf3) ? "" : $pf3; ?></option>
    </select>

我正在从数据库中获取数据以在上面的下拉列表中显示它。

如果值为 null，即如果数据库返回 null 值，它会在下拉列表中显示一个空选项，如下图所示：

The img

如图所示，第一个选项显示为值但它也显示了没有值的第二个和第三个选项，只是空白。

我想要实现的是，如果第二个和第三个选项没有值，则隐藏它，并在该值有效（不是 null）时显示它。

感谢任何帮助。

提前致谢。

Answer 1

这只会在 $value 不为空时生成选项。将此逻辑用于其余变量。

  <select name="" id="pftb">
  <?php
  if (!empty($value)){
  ?>
   <option value='<?=$value?>'><?=$value?></option>
  <?php }
  ?>

您也可以使用 css 隐藏该选项。

Answer 2

你可以使用 CSS 来实现

<option value="<?php echo is_null($pf2) ? "" : $pf2; ?>" style="<?php echo is_null($pf2) ? "display:none" : "display:block"; ?>"><?php echo is_null($pf2) ? "" : $pf2; ?></option>

如果值为空，如何隐藏 <option> 标签？

2 个答案: