JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css">
<form>
  <input id="1" type="text" />
  <input id="2" type="submit" />
</form>

JavaScript

$('#1').autocomplete({
    select: function(event, ui) {
        "use strict";
        //alert('select event called');
        //alert(ui.item.value);
    },
    source: ["ActionScript(0)", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"],

    minLength: 1,
    change: function(event, ui) {
        if (ui.item) {
            alert("ui.item.value: " + ui.item.value.split('(')[0]);
        } else {
            alert("ui.item.value is null");
        }
        console.log("this.value: " + this.value);
    }
});