ARIA-自动完成/提前键入不自动选择

Question

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

问题：从检索值的意义上说，它部分工作，但我希望它被自动选择。 当我输入成员 ID 时，我希望它在下面的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"，两者都没有影响。

然后，我将文本框从自动完成关闭更改为自动完成打开，但不起作用：

然后我读到了关于提前输入的信息，但我不明白为什么自动完成也没有影响。这是代码：

.

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