使用jQuery自動完成組合框

Question

我試着在我的程序使用此jQuery代碼：http://jqueryui.com/demos/autocomplete/#combobox具有自動完成字段和下拉按鈕

它基本上是一個組合框。

當我嘗試在窗體標籤中使用我的組合框時，它不能正常工作 - 當我只想查找值時，下拉按鈕會一直提交窗體。

從例如原來的代碼如下：

$("<button>&nbsp;</button>") 
      .attr("tabIndex", -1) 
      .attr("title", "Show All Items") 
      .insertAfter(input) 
      .button({ 
       icons: { 
        primary: "ui-icon-triangle-1-s" 
       }, 
       text: false 
      }) 
      .removeClass("ui-corner-all") 
      .addClass("ui-corner-right ui-button-icon") 
      .click(function() { 
       // close if already visible 
       if (input.autocomplete("widget").is(":visible")) { 
        input.autocomplete("close"); 
        return; 
       } 

       // pass empty string as value to search for, displaying all results 
       input.autocomplete("search", ""); 
       input.focus(); 

      }); 

任何幫助理解:)。

Answer 1

我找到了解決辦法，只是需要做兩個小的變化：

.click(function() { 
// close if already visible 
if (input.autocomplete("widget").is(":visible")) { 
    input.autocomplete("close"); 
    return false; // CHANGE 1 
} 
// pass empty string as value to search for, displaying all results 
input.autocomplete("search", ""); 
input.focus(); 
return false; // CHANGE 2 
});