JSFiddle - React, Tailwind, and code Playground

by TheBuzzer

HTML

<input type="button" id="ActiveSelect" value="Active Select" />
<input type="button" id="ChangeOnt" value="Change to Ontario" />
<input type="button" id="ChangeQC" value="Change to Quebec" />
<select id="LocationList" disabled="disabled">
  <option label="ON-CA">Ontario/Canada</option>
  <option label="PE-CA">Prince Edward Island/Canada</option>
  <option label="QC-CA" selected>Québec/Canada</option>
  <option label="SK-CA">Saskatchewan/Canada</option>
</select>

JavaScript

$("#ActiveSelect").click(function() {
	$("#LocationList").removeProp('disabled');
});
$("#ChangeOnt").click(function() {
	$("#LocationList option[value='ON-CA']").prop('selected', true);
});
$("#ChangeQc").click(function() {
	$("#LocationList option[value='QC-CA']").prop('selected', true);
});