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

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，即如果 DB returns null 值，它会在下拉列表中显示一个空选项，如下图所示：

The img

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

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

感谢任何帮助。

提前致谢。

Answer 1

您可以使用 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>

Answer 2

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

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

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

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

How to hide <option> tag if value is null?

php

mysql

jquery

pdo