JSFiddle - React, Tailwind, and code Playground

HTML

<input id='fruit' name='fruit' type='text'>
<input id='details' name='details' type='text'>

JavaScript

var x = ["apple", "kiwi", "lemon"];

$( "#fruit" ).autocomplete({
	 source: x
});

$(document).on("change","#fruit", function()
{
    $.each(x, function(key, value) {
    
        switch(value) {
            case "apple":
                $('#details').val("Delicious");
                break;
            case "kiwi":
                $('#details').val("Yummy");
                break;
            case "lemon":
                $('#details').val("Sour");
    
        }
    });
});