https://app.trackridegps.com/javascript/inline_dropdown.js

1/* When the user clicks on the button,
2toggle between hiding and showing the dropdown content */
3function myFunction(obj) {
4  document.getElementById("myDropdown").classList.toggle("show");
5  document.getElementById("dropdown-overlay").style.display="block";
6}
7function closeDropdown(){
8	document.getElementById("myDropdown").classList.toggle("show");
9	document.getElementById("dropdown-overlay").style.display="none";
10}
11function filterFunction() {
12  var input, filter, ul, li, a, i;
13  input = document.getElementById("myInput");
14  filter = input.value.toUpperCase();
15  div = document.getElementById("myDropdown");
16  a = div.getElementsByTagName("a");
17  for (i = 0; i < a.length; i++) {
18    txtValue = a[i].textContent || a[i].innerText;
19    if (txtValue.toUpperCase().indexOf(filter) > -1) {
20      a[i].style.display = "";
21    } else {
22      a[i].style.display = "none";
23    }
24  }
25}