JSFiddle - React, Tailwind, and code Playground

by Twisty

HTML

<label>Name:
<input class="prod_name" id="prod_name" name="prod_name" list="prod_name_list" /></label>
<datalist id="prod_name_list">
  <option value="Let's Go" />
  <option value="No Go" />
  <option value="Go Back to Bed" />
</datalist>

JavaScript

/*$(document).ready(function() {
  $("#prod_name").keyup(function() {
    $.ajax({
      method: "POST",
      url: "/echo/json/",
      dataType: "JSON",
      data: {
        "json": JSON.stringify([{
          "name": "Lets Go"
        }, {
          "name": "Go More"
        }])
      },
      success: function(result) {
        console.log(result);
        var options = "";
        $.each(result, function(k, v) {
          console.log("name: " + v.name);
          options += "<option value='" + k + "'>" + v.name + "</option>\r\n";
        });
        console.log(options);
        $("#prod_name_list").html(options);
      }
    });
  });
});*/