jQuery 自动完成问题 - 如果用户没有专门选择，则不匹配

Question

继我之前的两个问题之后：

如何让 jQuery 自动完成在用户点击提交时执行 search()

我如何修剪 JQuery 自动完成框的输入？

我的表单中有一个 jQuery UI 1.8 自动完成框，大部分情况下它的工作方式如下一种魅力。我遇到的一个问题是，如果我输入有效名称，但不选择出现的选项，则该名称永远不会与我的{name,value}匹配列表，因此未设置包含“值”部分的隐藏输入的正确值。这当然会导致令人困惑的情况，人们可以输入一个您知道是正确的名称，点击提交并被告知您没有输入正确的名称（因为该值为 null）。

即使用户没有从自动完成框中做出选择，如何确保设置了隐藏的输入值？是否有一些功能可以与提交按钮的 onclick 事件联系起来，这将使 jQuery 搜索框中的内容并自动选择第一个选项？或者，我可以使自动完成功能在用户以任何方式取消选择输入框时（返回/选项卡/单击关闭/等）选择第一个选项吗？

谢谢。

Answer 1

这是我对您问题的解决方案。我刚刚添加了有关更改事件的部分。
我希望它有帮助。

jQuery(function(){
    jQuery('#Resource').autocomplete({
        source: data,
        focus: function(event, ui) {
            jQuery('#Resource').val(ui.item.label);
            return false;
        },          
        select: function(event, ui) {
            jQuery('#Resource').val(ui.item.label);
            jQuery('#EmployeeNumber').val(ui.item.value);
            return false;
        },
        change: function(event,ui){
                for (var i in data){
                    if (data[i].label==jQuery('#Resource').val()){
                        jQuery('#EmployeeNumber').val(data[i].value);
                    }
                }
        }
    });
});