JSFiddle - React, Tailwind, and code Playground

by aaronk85

HTML

<div id="scoreboard">
	<div id="match-center">
		<div id="match-center-top">    
			<span class="match-centre-header">RDFL Match Centre</span>    
			<span id="comp-title"></span> 
			<div id="match-center-bottom">    
				<div id="sblock3351_wrapper"></div>
			</div>
		</div>
	</div>
</div>

JavaScript

var comps = [
  {val : '', text: 'Change Division'},
  {val : 'http://www.sportingpulse.com/ext/external_schedule.cgi?c=1-3351-0-294329-0&pool=0&cols=&fix=0&json=1', text: '2014 MELTON TOYOTA SENIORS'}
];

var sel = $('<select name="sblock3351_dropdown_name" class="SP_ext_scripts" id="sblock3351_dropdown">').after('#scoreboard #comp-title');
$(comps).each(function() {
 sel.append($("<option>").attr('value',this.val).text(this.text));
});