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