如果值为空,如何隐藏 <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> 标签?的主要内容,如果未能解决你的问题,请参考以下文章
请问在html中怎么让select的默认值为空,且select里面的option值都不为空。