2013-04-26 70 views
5

我使用jquery自動完成在xml文件中搜索。jquery ui自動完成輸入選擇值

自動完成功能正常工作。但是,當我點擊自動完成菜單結果的元素項時,放入輸入搜索框的值不可見。因爲在輸入框中添加了很多空格(製表符)。

我真的不明白它來自哪裏(這個空白處)。

我做了一個小提琴,但是在這個小提琴的價值是正確放置在輸入框裏面,就不是這個空格:http://jsfiddle.net/8zJkS/5/

腳本:

$("input#search").autocomplete({ 
     minLength: 3, 
     source: myArr, 
     response: function(event, ui) { 
     if (ui.content.length === 0) { 
      $("#noMatches").show(); 
     } else { 
      $("#noMatches").hide(); 
     } 
     }, 
     focus: function (event, ui) { 
      $('input#search').focus(); 
      return false; 
     }, 
     select: function (event, ui) { 
      $("input#search").val(ui.item.value); 
      return false; 
     } 
    }); 

順便說一句,我還用鍵盤搜索懸停效果的方式。 我也有一些文字,當我搜索時出現,我不知道如何刪除它。

看來,jQuery的自動完成文檔是非常差。

對不起,我是法國人。

回答

9

我解決我的問題與此:

select: function(event, ui){ 
      if (ui.item && ui.item.value){ 
       titleinput = ui.item.value; 
       ui.item.value= $.trim(titleinput); 
      } 
     } 
+0

完美!正是我需要的。你應該接受這個答案 - 即使你是OP。 – redbmk 2013-09-26 06:55:22