已分配但不可见的下拉菜单选项？答案

【问题标题】：Drop-down menu options assigned but not visible?已分配但不可见的下拉菜单选项？
【发布时间】：2020-01-31 15:06:53
【问题描述】：

我真的不明白我做错了什么..
我有一个下拉菜单，我想遍历一个元素列表。
该列表被正确读取，当我运行应用程序时，我什至可以看到使用 Firefox 浏览器中的“检查元素”列出的菜单的正确选项......但为什么我不能访问选择矩形？它没有显示任何东西。当我点击它时，无法选择任何东西。

这是jsp中选择的代码：

<form:select path="list" class="selectpicker" multiple="true" data-max-options="4">
               <form:options items="${av_list}"/>
</form:select>

其中 list 是必须用选择“填充”的对象。任何帮助表示赞赏。

【问题讨论】：

您的 select 可能被 bootstrap-select 隐藏了 (width:.5px; opacity:0;)。调查为什么.dropdown-menu 是灰色的以及它是否有任何孩子。
我该如何调查它？我的意思是，我必须修改 css 文件吗？
检查它（在检查器中单击它）。为什么是灰色的？在检查器中展开它的元素。它有你期望的子元素吗？我不熟悉引导程序，但在我看来，这个自定义下拉菜单处于某种“禁用”状态。此外，请考虑在您的问题中添加“引导程序”标签。我敢打赌，有引导经验的开发人员会认识到这个问题。
模板文字是否需要用反引号而不是引号括起来？
@RobMoll 就是这样！您想将其发布为答案，以便我将其标记为解决方案吗？

【解决方案1】：

<form:options items="${av_list}"/>

模板文字应该用反引号而不是引号括起来。像这样：

<form:options items=`${av_list}`/>

我希望我能确切地告诉你为什么会导致你所看到的症状，但我不能。也许比我聪明的人可以对此发表评论。

【讨论】：