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

Posted 2023-05-09

【中文标题】如果值为空，如何隐藏 <option> 标签？

【英文标题】：How to hide <option> tag if value is null?

【发布时间】：2021-07-09 21:44:24

【问题描述】：

    <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），则显示它。

感谢任何帮助。

提前谢谢你。

【问题讨论】：

请分享更多细节 - 您尝试过什么来解决问题？你被困在哪里了？

【参考方案1】：

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

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

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

【参考方案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>