2014-04-28 116 views
0

我有一個組合框,使用JSON由JSP填充。自動完成功能可以很好地工作,但是當我選擇一個項目時,很多空白被添加到所選項目的顯示位置。jQuery Combobox導致空白

如果我沒有組合框功能,那麼所選項目正常顯示,沒有所有額外的空白。任何想法這裏發生了什麼?我想保留它作爲組合框以適應頁面的其餘部分。只有這個特別的人似乎表現得如此。

<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> 
+0

你在組合框插件中看看它是否增加了CSS嗎?或者它可能帶有一個單獨的CSS文件? –

+1

你有沒有檢查它是否不是你的JSON數據中的東西? http://jsonlint.com/ – theMarceloR

+0

你有沒有檢查'$ {message}'輸出是怎麼來的? –

回答

0

萬一有其他人遇到這個問題,我已經找到了問題所在。原來,jsp不喜歡我如何將索引選項標記爲索引,因此我只需將所有內容都移動到一行並修復它。

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