JSFiddle - React, Tailwind, and code Playground

HTML

<form id="search" action="" name="search">
    <select name="departments" id="departments">
        <option>Select</option>
    </select>
    <select name="subject" id="subject">
        <option>Select</option>
    </select>
    <select name="services" id="services">
        <option>Select</option>
    </select>
</form>
<script src="http://spreadsheets.google.com/feeds/list/0An1-zUNFyMVLdEFEdVV3N2h1SUJOdTdKQXBfbGpNTGc/1/public/values?alt=json-in-script&amp;callback=importGSS"></script>

JavaScript

function importGSS(json) {
    for (i = 0; i < json.feed.entry.length; i++) {
        entry = json.feed.entry[i];
        $('#departments').append('<option>' + entry.gsx$subdivision.$t + '</option>');
        $('#subject').append('<option>' + entry.gsx$section.$t + '</option>');
        $('#services').append('<option>' + entry.gsx$station.$t + '</option>');
    }
}