To see the events in action, open the console and select a value.
Event-Log:
document.addEventListener("DOMContentLoaded", function () {
new AvalynxSelect(".avalynx-select", {
liveSearch: true,
scrollList: true,
scrollItems: 5,
onChange: (value) => {
logEvent('Selected value: ' + value);
},
onLoaded: () => {
logEvent('Select loaded');
}
});
function logEvent(message) {
const logList = document.getElementById("event-log");
const newItem = document.createElement("li");
newItem.textContent = message;
logList.appendChild(newItem);
}
});
AvalynxSelect on GitHub Avalynx on GitHub