使用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 
});