如果值为空,如何隐藏 <option> 标签?

Posted

技术标签:

【中文标题】如果值为空,如何隐藏 <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>

【讨论】:

以上是关于如果值为空,如何隐藏 <option> 标签?的主要内容,如果未能解决你的问题,请参考以下文章

原生select默认显示为空

请问在html中怎么让select的默认值为空,且select里面的option值都不为空。

如果使用角度js的任何属性的所有json值为null,如何隐藏表列

如果数据为空,如何隐藏字符串格式

如果jsp表单元素的值为空,如何避免null出现在页面上?

如果字段值为空,则显示破折号