JSFiddle - React, Tailwind, and code Playground

by dlaliberte

HTML

<select id="selected2" onchange="dataCap()">
      <option selected value="one"></option>
      <option value="two">2</option>
      <option value="three">3</option>
  </select>
<div id="show"></div>

JavaScript

var datatable1 = new google.visualization.DataTable();
datatable1.addColumn(...) /etc

var datatable2 = google.visualization.ArrayToDataTable([
    ['header', 'row'],
    ['first', 'row'],
    // etc
    ]);
    
var datatable3 = // etc

var dataTables = {
    'one': datatable1,
    'two': datatable2,
    'three': datatable3
};

var selectedDataTable = datatable1;
    
function dataCap(){
    var dataCap = document.getElementById("selected2").value;
    document.getElementById('show').innerHTML = "This is your selection:" + dataCap;
    
    selectedDataTable = dataTables[dataCap];
                                                       
    chart.draw(selectedDataTable, options);                                            
    
}