如何使用“ awesomplete”返回值的返回索引？

Question

我正在使用http://leaverou.github.io/awesomplete/#extensibility中的“ Awesomplete”。 我可以检索选定的值，但是我需要该值的索引。

遵循代码以仅返回所选值。

httpclient

Answer 1

由于return元素是HTMLInputElement，因此没有.index选项，在这种情况下，您必须迭代数据访问，如下所示：

<input id="Search" class="awesomplete" data-list="Ada, Java, JavaScript, Brainfuck, LOLCODE, Node.js, Ruby on Rails" />

js：

document.getElementById('Search').addEventListener('awesomplete-selectcomplete',function(){

value = this.value;
data_list = this.getAttribute("data-list");
array_list = data_list.split(", "); // attention on whitespace remove.

array_list.forEach(function(element){
    i = array_list.indexOf(element); // clicked element index.
    if(element == value)
    console.log("index: " + "[" + i + "] " + element );

});