JQuery自動完成 - 格式列表，只返回文本框的一部分

我使用的是JQuery Autocomplete，它工作得很好。我正在使用它來允許某人通過搜索姓氏或身份證號碼來搜索數據庫中的用戶。JQuery自動完成 - 格式列表，只返回文本框的一部分

眼下下拉所創建的列表是一個SQL查詢的resultes，看起來是這樣的：當我拿起亨利文本

Jones, Henry - hjones 
Gibbons, Peter - pgibbons

：

$row_rst['lName'] . ', ' . $row_rst['fName'] . " - " . $row_rst['user'] . "|" . $row_rst['id']

它輸出像盒子得到瓊斯，亨利 - 瓊斯和隱藏的領域得到他的身份證。

我想在可能的情況下在列中格式化下拉列表，如果可能的話，只返回瓊斯，亨利文本框。

這兩個選項中的哪一個可能？我認爲它必須與格式項（行）或格式結果（行），但我不知道，我似乎無法找到如何去做這件事。

來源

2010-04-27 Jason

Autocomplete也可用於最新版本的jQuery UI（1.8與jQuery 1.4+一起使用），我認爲它比您鏈接的版本更新一點。

如果你看看custom data example，在來源處，你可以看到它正在利用select事件。你可以做類似的事情，修剪你不想要的字符串。

例如像這樣（您可能需要對其進行調試了一下，找到您的值在UI對象）：

.... 
select: function(event, ui) { 
      $('#textBoxIDInHere').val(ui.item.value.substring(0,ui.item.value.indexOf("-", 0))); 
      return false; 
     } 
....

至於格式，如果你選擇了jQuery UI下載主題頁面，壓縮包帶有一個.css文件。您可以預覽各種預設here，並且該自動完成頁面有一個標籤，標題爲Theming，它向您顯示哪些類是相關的。

雖然這與您所鏈接的插件不太一樣，但希望它至少可以幫助您一點點:)

來源

2010-04-27 15:23:09 RYFN

JQuery自動完成 - 格式列表，只返回文本框的一部分

回答

相關問題