提交表单之前 jQuery 自动完成强制更改

发布于 2024-12-01 06:49:02 字数 836 浏览 0 评论 0原文

使用 jquery 我有一个自动完成文本框，如 jQuery UI 网站 http://jqueryui.com 上的组合框示例/demos/autocomplete/#combobox

$("#mycombobox").combobox();

这基本上是一个输入文本框、菜单和按钮。

问题出在 aspx 页面上，我有 mycombobox，上面有一个 asp:button，当按下 Enter 键时，该按钮会连接起来提交表单。

在组合框中

$(<input>)
.autocomplete(...)
.keydown(function (e) {
    var keyCode = e.keyCode || e.which;
    if (keyCode == 13 || keyCode == 108) {
        $(this).blur();
        return false;
    }
    return true;
})

keydown 是我防止它提交的黑客方法，但它只正确了一半。我希望您第一次按 Enter 键时调用自动完成的更改事件，第二次按 Enter 键时可以提交表单。

如果没有 keydown hack，更改仍然会在自动完成时被调用，但直到调用提交之后才会使用旧值。我宁愿完全不这样做，而是寻找更好的方法。

编辑
如果选择了某些内容，则它具有正确的行为，当显示菜单时，我如何手动选择第一个选项？

原文

using jquery I have a autocomplete text box like the combobox example on the jQuery UI website http://jqueryui.com/demos/autocomplete/#combobox

$("#mycombobox").combobox();

This is basically an input textbox, menu, and button.

the problem is on the aspx page I have mycombobox on there is an asp:button that wires up to submit the form when enter is pressed.

in combobox

$(<input>)
.autocomplete(...)
.keydown(function (e) {
    var keyCode = e.keyCode || e.which;
    if (keyCode == 13 || keyCode == 108) {
        $(this).blur();
        return false;
    }
    return true;
})

keydown is my hacky way of preventing it to submit, but it only gets it half right. I want the first time you press enter for the autocomplete's change event to be called and the second time enter is pressed the form can submit.

without the keydown hack, change is still called on the autocomplete but not until after submit is called, using the old value. I would prefer not to do it that way at all and find a better way.

Edit
if something is selected it has the right behavior, how could I manually select the first option when the menu is shown?

分享到QQ

分享到微博