JSFiddle - React, Tailwind, and code Playground

by rasec

HTML

<html>
    <body>
        <p>Adds a new entry in the datalist each time the first input changes</p>
        <form>
            <p><input type="text" name="name" id="name" /></p>
            <p>Suggests:<input type="text" name="data" id="data" list="datalist" />
            <datalist id="datalist">
                <option value="PHP" />
                <option value="jQuery" />
            </datalist>
        </p>
                 
    </body>
</html>

JavaScript

$("#name").on('change', function(){
   $("#datalist").append("<option value='" + $(this).val() + "' />");
});