JSFiddle - React, Tailwind, and code Playground
HTML
<select name="language" id="language" onchange="SetMedia(this)">
<option>select</option>
<option>Suppliers</option>
<option>Service Bureaus</option>
<option>Professional Services</option>
<option>Resources</option>
</select>
<select name="media" id="media" disabled="disabled">
<option>select</option>
</select>
<input type="submit" value="Search" />
JavaScript
function SetMedia(objLanguage) {
var objMedia = document.getElementById("media");
objMedia.options.length = 0;
objMedia.disabled = false;
switch (objLanguage.value) {
case "Suppliers":
objMedia.options.add(new Option("Materials"));
objMedia.options.add(new Option("Hardware"));
objMedia.options.add(new Option("Software"));
objMedia.options.add(new Option("Post Production Equipment"));
objMedia.options.add(new Option("3D Printers"));
break;
case "Service Bureaus":
objMedia.options.add(new Option("Fabricators"));
objMedia.options.add(new Option("Printing"));
objMedia.options.add(new Option("Job Brokers"));
objMedia.options.add(new Option("Finishers"));
objMedia.options.add(new Option("Logistics"));
objMedia.options.add(new Option("Online Trading"));
objMedia.options.add(new Option("Design"));
objMedia.options.add(new Option("Training"));
objMedia.options.add(new Option("Prototyping"));
break;
case "Professional Services":
objMedia.options.add(new Option("Funding"));
objMedia.options.add(new Option("Legal"));
objMedia.options.add(new Option("Business Development"));
objMedia.options.add(new Option("Financial"));
objMedia.options.add(new Option("Marketing"));
objMedia.options.add(new Option("Business Consultants"));
break;
case "Resources":
objMedia.options.add(new Option("Analysts"));
objMedia.options.add(new Option("SME"));
objMedia.options.add(new Option("Press"));
objMedia.options.add(new Option("Media"));
objMedia.options.add(new Option("Academic"));
objMedia.options.add(new Option("Organizations"));
break;
default:
objMedia.options.add(new Option("select"));
objMedia.disabled = true;
break;
}
}