JSFiddle - React, Tailwind, and code Playground

by Stemugram

HTML

<link rel="stylesheet" href="http://jquery.bassistance.de/autocomplete/jquery.autocomplete.css">
<script src="http://jquery.bassistance.de/autocomplete/jquery.autocomplete.js"></script>
<input class="koht1" type="text">
<p>
<br>
    
<input class="koht2" type="text" maxlength="10" size="10" value=""> 
<span>-</span> 
<input class="koht3" type="text" maxlength="10" size="10" value="">

JavaScript

$(".koht1").autocomplete(["Allo", "Haggud", "Hermet", "Jerwakant", "Kappel"], {
                    scrollHeight:80,
                    autoFill: true});
 


//ei saa järgnevat skripti tööle

$(".koht2").autocomplete("Allo|Alu", "Haggud|Hagudi", "Hermet|Hertu", "Jerwakant|Järvakandi", "Kappel|Kabala", {
        minChars: 0,
        selectFirst: false});    


$(".koht2").result(function(event, data, formatted) {
        if (data)
            $(this).parent().next().find(".koht3").val(data[1]);
});