JSFiddle - React, Tailwind, and code Playground

by kyleshen

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
  <div id="lblRequest">
</div>

JavaScript

var availableTags = [
      "test1",
      "test2",
      "test3",
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
});
    
    $( "#tags" ).blur(function(){
        //在此實作Ajax
        $('#lblRequest').append('<div>Post '+$(this).val()+' Ajax Request...</div>');        
    });