Is there a straightforward way to get the text in an awesomplete field (/)?

var input = document.getElementById("inputlist");
alert(input.value);

shows NaN!

Is there a straightforward way to get the text in an awesomplete field (https://leaverou.github.io/awesomplete/)?

var input = document.getElementById("inputlist");
alert(input.value);

shows NaN!

• javascript
• autoplete
• autopletebox

1 Answer 1

You need to add the event either awesomplete-select or awesomplete-selectplete

In regular Javascript

var input = document.getElementById("inputlist"); 
new Awesomplete(input, {list: yourlist});
document.getElementById('inputlist').addEventListener('awesomplete-selectplete',function(){
  alert(this.value); 
});  

In Jquery

var input=$("#inputlist")[0];
new Awesomplete(input, {list: yourlist});
$("#inputlist").on('awesomplete-selectplete',function(){
  alert(this.value);
});