aria-autocomplete / typeahead 不自动选择

Question

我已经实现了 aria-autocomplete 和 twitter/bloodhound typeahead。

问题： 它在检索值的意义上部分起作用，但我希望它自动 selected。当我输入会员 ID 时，我希望它自动 select 下面 div 中的名称，并在隐藏的文本框中（稍后检查是否有值，然后再允许用户去到下一个屏幕）

我尝试过的： 我已阅读以下内容：

https://msdn.microsoft.com/en-us/ie/hh968240(v=vs.94) https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html

然后我将 "aria-autocomplete": "list" 更改为 "both" 以及 "inline"，但都没有影响。

然后我将我的文本框从自动完成关闭更改为自动完成，但没有任何效果：

然后我阅读了 typeahead，但我不明白为什么自动完成也没有影响。这是相关代码：

.

displayKey: function (item) { return item.Subscriber_ID },
            templates: {
                //Template to show if there are no results
                empty: function (context) {
                    //  console.log(1) // put here your code when result not found
                    $(".tt-dataset").text('No Results Found');
                },
                suggestion: function (item) {
                    return '<div class=""> ' + item.First_Name + " " + item.Last_Name + '</div>';
                }
            }
        })

.

Answer 1

我通过向建议函数添加一些代码来解决这个问题，添加一个 C# 应该查看的 TextBox，而不是在单击后让它查看：

 $('#suggestionName').val(item.First_Name + " " + item.Last_Name);        //used to check whether there is a value when hitting submit (hidden field)      
                $('#divDisplayMemberName').html(item.First_Name + " " + item.Last_Name); //displays it in a <p> tag underneath the TextBox
                return '<div class=""> ' + item.First_Name + " " + item.Last_Name + '</div>'; //displays the actual suggestion

aria-autocomplete / typeahead 不自动选择

aria-autocomplete / typeahead not auto selecting

asp.net

jquery-ui

autocomplete

typeahead.js

bloodhound