jquery ui 自动完成 : how to keep the select list open until a selection has been made

Question

我想强制用户从 jquery 自动完成 ui 的下拉列表中选择某些内容。我尝试过使用“close”事件在函数中返回 false，但这不起作用。如何在用户做出选择之前保持选择列表打开？

需要看的人， http://smartsend.ontech.com.au/quote 输入四个字母的邮政编码 - 我想保持该列表开放。

谢谢

杰森

Answer 1

为关闭事件添加自定义处理程序(重新打开结果)确实有效，但有点烦人，因为结果永远无法关闭。我希望结果在用户做出选择后保持打开状态，以便他们可以选择更多内容，但如果用户没有做出选择并单击其他位置，或者用户点击转义键，或者删除输入文本，或者执行任何其他通常会关闭结果的操作。这对我有用:

close : function (event, ui) {
    event.preventDefault();

    if ( event.which == 1 ) {
        $("ul.ui-autocomplete").show();
        $("ul.ui-autocomplete").data('keep-open', 1);
    }
    else if ( $("ul.ui-autocomplete").data('keep-open') == 1) {
        $("ul.ui-autocomplete").show();
        $("ul.ui-autocomplete").data('keep-open', 0);
    }

    return false;
}

事件。当用户进行选择时，该事件为 1，但是，另一个关闭事件将立即发生并关闭结果。所以我添加了保持打开标志。也许有更好的方法来处理这种并发症。

请注意，我还添加了一个简单的关闭按钮，以便用户在完成选择后可以手动关闭结果。