JSFiddle - React, Tailwind, and code Playground

by zeroskillz

HTML

<select multiple class="form-control" style = "width:250px"id = "theselect">
    <option selected disabled> Chose a number </option>
    <option> all </option>
    <option> 1 </option>
    <option> 2 </option>
</select>


<button id = "load" class="btn btn-default">Load</button>


<div id ="test">



</div>

JavaScript

$(document).ready(function(){
    
    $("#example").hide();
    $("#load").click(function(e){
        var bits = $('#theselect').val();
        $("#example").hide();
        $('#test').html('');
        createTable(bits)
        $("#example").show();
    });
});

function createTable(param){
   var contents = "<table id='example' class='display' cellspacing='0' width='100%' border><tbody><tr><td>"+param+"</td></tr></tbody></table>";

    $('#test').append(contents)
}