JSFiddle - React, Tailwind, and code Playground

by Osman Salihovic

JavaScript

$(document).ready(function () {

function getSuggestions(value){

        if(value!=''){  
                $.get('suggest.php', {requestKword:value}, function (data){
                            $('#suggestions').show();
                            $('#suggestions').html(data);
                            doCSS();
                    });
        }
        else{
            removeSuggestions();
        }
}
function removeSuggestions(){
    $("#suggestions").html("");
    undoCSS();
}   
function fill(thisValue) {
    $('#ii').val(thisValue);
    setTimeout("$('#suggestions').hide();", 200);
}
function doCSS(){
$("#suggestions").css({
    'border' : 'solid',
    'border-width':'1px',
    'position': 'relative'
    });
}
function undoCSS(){
$("#suggestions").css({
    'border' : '',
    'border-width':''
    });
}

function addText(value) {
        $("#ii").val(value);
                }
                
$("#ii").keyup(function() {
    getSuggestions(this.value);
});

$("#ii").blur(function(){
    fill();
});                
                
});