JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<select id="listbox1" size="7" >
    <option value="myvolvo">Volvo</option>
    <option value="mymercedes">Mercedesssssssssssssssssss</option>
    <option value="mybmw">BMW</option>
</select>

<input type="text" id="textbox1" />
<input type="text" id="textbox2" />

<button id="button1">append</button>

JavaScript

$("#listbox1").change(function() {
   var svalue = $("#listbox1 option:selected").val();
   var stext = $("#listbox1 option:selected").text();
    $("#textbox1").val(svalue);
    $("#textbox2").val(stext);
});

$("#button1").click(function(){
   var svalue = $("#textbox1").val();
   var stext = $("#textbox2").val();
   $('<option value="'+ svalue +'">'+svalue+'</option>').html(stext).appendTo("#listbox1");
});