JSFiddle - React, Tailwind, and code Playground

HTML

<title>Example</title>
  <script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
  <body>    
  <select id="bigList" name="sometext" size="5" multiple>
    <option>text1</option>
    <option>text2</option>
    <option>text3</option>
    <option>text4</option>
    <option>text5</option>
  </select>
  <p id="controlz">
  </p>
  </p>
  <select id="ddl">    
  </select>
  </body>

JavaScript

$("#bigList").click(function()
{
  var results = $(this).find(':selected');
  $("#ddl").empty();
  $("#controlz").empty();
  for(var cnt=0; cnt < results.length; cnt++)
  {
  		$("#controlz").append(results[cnt].text + "<input type=textbox></input> </br>");
   //   $("#ddl").append("<option>" +results[cnt].text + "</option>");
  }
});