Question

我不希望在点击下拉搜索中的项目后显示弹出窗口。

我只是希望它在点击时直接转到链接..

有人可以帮我解决这个问题吗？

var source = [ { value: "www.foo.com",
             label: "Spencer Kline"
           },
           { value: "www.example.com",
             label: "James Bond"
           },
           ...
         ];    

var source = [ { value: "http://www.foo.com",
             label: "Spencer Kline"
           },
           { value: "http://www.example.com",
             label: "James Bond"
           }
         ];

$("input#autocomplete").autocomplete({
    source: source,
    select: function( event, ui ) { 
        alert(ui.item.value);
        window.location.href = ui.item.value;
    }
});

http://jsfiddle.net/karim79/MzsyY/1/

Answer 1

从代码中删除行alert(ui.item.value);。

alert(...)会触发一个弹出窗口，您可以阅读有关它们的更多信息here。

Answer 2

只需删除提醒。

应该是这样的

var source = [ { value: "http://www.foo.com",
                 label: "Spencer Kline"
               },
               { value: "http://www.example.com",
                 label: "James Bond"
               }
             ];

    $("input#autocomplete").autocomplete({
        source: source,
        select: function( event, ui ) { 
            window.location.href = ui.item.value;
        }
    });

演示：http://jsfiddle.net/DiegoTc/MzsyY/495/

具有可点击下拉弹出窗口的搜索功能

2 个答案: