JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<div>
     <form name="shrimp">
         <div id="sblc">
             <div class="opt">                                             <select>
                 <option>Domestic</option>
                 <option>Tiger</option>
                 <option>Peeled Raw</option>
                 <option>Cooked Peeled Tail On<option>
               </select>
                <select>
                    <option>1 lbs</option>
                    <option>2 lbs</option>
                    <option>3 lbs</option>
               </select>
           </div>
         </div>
         <div> 
             <button id="snew" type="button">Add Order</button>
             <button type="button">Enter Order</button> 
          </div> 
      </form> 
 </div>

JavaScript

$("#snew").click(function() {
    var container = $("<div />");
    var content = "<select> <option>Domestic</option><option>Tiger</option><option>Peeled                  Raw</option><option>Cooked Peeled Tail On<option></select><select> <option>1 lbs</option>   <option>2 lbs</option><option>3 lbs</option></select>";

    $(container)
        .attr("class", "opt")
        .append(content)
        .appendTo("#sblc");

})