0.0.28 upd autocomlitev2.js, almost good

static/js/autocomlitev2.js

@@ -25,32 +25,43 @@ function searchTown(el){
     });
 }
 
+function selectItemAddrPoint(id, name){
+   let ap_txt_cont = document.querySelector("#id_from_address_point_txt");
+   let ap_cont = document.querySelector("#id_from_address_point");
+   ap_txt_cont.value = name;
+   ap_cont.value = id;
 
+}
 
 function search(data) {
 
-  let ac = document.querySelector("#id_from_address_point")
+  let ac = document.querySelector("#id_from_address_point_txt");
 
-  if (ac.value.length > 0) {
+  if (ac.value.length > 2) {
 
      let res_data = data.data
 
     var divs = res_data.map(function(r, i) {
-        return '<div class="autocomplete-result" data-index="'+ i +'" data-id="'+ r.id + '">'
+        airport_name = "'"+r.iata_code + " - " + r.name+"'";
+
+        return '<div onclick="selectItemAddrPoint('+ r.id+', '+ airport_name +')" class="autocomplete-result" data-index="'+ i +'" data-id="'+ r.id + '">'
              + '<div><b>'+ r.iata_code +'</b> - '+ r.name +'</div>'
              + '<div class="autocomplete-location">'+ r.city__name +', '+ r.city__country__name +'</div>'
              + '</div>';
      });
-     divs.attr('data-highlight', selectedIndex);
-     document.querySelector(".input_list").innerHTML = divs
 
-    selectedIndex = -1;
+
+     let input_list = document.querySelector(".input_list");
+     input_list.classList.toggle("show")
+     input_list.innerHTML = divs
+
+
     // .html(divs.join(''))
     //   .attr('data-highlight', selectedIndex);
 
   } else {
     numResults = 0;
-    divs.empty();
+    let divs = [];
 
   }
 }