I'm creating a Sidebar in a google spreadsheet, the sidebar will take the information from the spreadsheet according to what the user select from the dropdown list. and here is the question: How can I get the row data according to the selection, and show it inside the sidebar here is my code: Page.html
<?!= include('Stylesheet'); ?>
<h2 class="sansserif" align="center">Select an event <h2/><br/>
<br/>
<select id="thedropdown">
<option value= "null">Select event</option>
<? var data = getData(); ?>
<? for (var i = 1; i < data.length; i++) { ?>
<?if(data[i][0] != ""){ ?>
<option value= "<?= data[i][0] ?>"> <?= data[i][0] ?></option>
<?}?>
<?}?>
</select>