Change Event on autocomplete

Hello, The same problem here: HTML: <div class="md-form offset-10px-tb"> <input type="search" id="form-autocomplete" class="form-control mdb-autocomplete" placeholder="Type in or select product" required="required validate"><ul class="mdb-autocomplete-wrap"></ul> <button class="mdb-autocomplete-clear" style="visibility: hidden;"> <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </button> </div> JS: $("#form-autocomplete").change(function () { alert($("#form-autocomplete").val()); }); will display you only data that you have entered into form-autocomplete control, not the selected one. Actually, the question is: Is there any event that I can subscribe to to get actual selected value after user has selected it? Thank you.  

---

Hi, 

value in the input field is put dynamically via jQuery in mdb_autocomplete method, so because of that onchange event isn't fired. If you want to, you can add this functionality by adding $input.trigger("change"); in mdb.js file.

$autocomplete.on('click', 'li', function (e) {
// Set input value after click
$input.val($(this).text());
$input.trigger("change");

// Clear autocomplete
$autocomplete.empty();
})

It should fix the problem.
Best,
Ania

---