JSFiddle - React, Tailwind, and code Playground
HTML
<select name="routes"></select>
JavaScript
// Populate a drop-down to select a bus route
function getRoutes() {
var feed = 'http://realtime.ridemcts.com/bustime/api/v1/getroutes?key=zk6jyqAnqDtzM9fiueVPD2kyd';
$.getJSON("https://query.yahooapis.com/v1/public/yql", {
format: 'json',
q: 'select * from xml where url=' + '"' + feed + '"'
},
function (data) {
console.table(data.query.results["bustime-response"].route);
$('select[name=routes]').append("<option name=\"" + data.query.results["bustime-response"].route.rt + "\">" + data.query.results["bustime-response"].route.rtnm + "</option>");
});
}
getRoutes();