jQuery Combobox 导致空白答案

【问题标题】：jQuery Combobox causing white spacejQuery Combobox 导致空白
【发布时间】：2014-06-14 11:35:26
【问题描述】：

我有一个由 JSP 使用 JSON 填充的组合框。自动完成功能运行良好，但是当我在一个项目上选择时，会在显示所选项目的位置添加大量空白。

如果我在没有组合框功能的情况下保持原样，则所选项目正常显示，没有所有额外的空白。知道这里发生了什么吗？我想将其保留为组合框以适应页面的其余部分。只有这个特定的人似乎表现得像这样。

<select id="box1">
   <option value=""></option>
      <core:forEach var="msg" items="${message}">
           <option value="<core:out value='${msg.messageValue}'/>">
               <core:out value="${msg.messageAlias}"/>
           </option>
      </core:forEach>
</select>

<script>
$(document).ready(function(){
 $('#box1').combobox();
});

</script>

【问题讨论】：

您是否查看了组合框插件以查看它是否添加了 CSS？或者它可能带有一个单独的 CSS 文件？
您是否检查过它是否不在您的 JSON 数据中？ jsonlint.com
你检查过${message} 输出是怎么来的吗？

标签： jquery json jsp combobox autocomplete

【解决方案1】：

万一其他人遇到这个问题，我已经找到了问题所在。结果发现 jsp 不喜欢我如何将选项标签编入索引，所以我只需将所有内容移到一行并修复它。

<option value="<core:out value='${msg.messageValue}'/>"><core:out value="${msg.messageAlias}"/></option>

【讨论】：