JSFiddle - React, Tailwind, and code Playground

by Aamir Shahzad

HTML

<select id="selection" name="type">
    <option value=".......">.......</option>
    <option value="Art">Art</option>
    <option value="Architecture">Architecture</option>
    <option value="Bikes">Bikes</option>
    <option value="Fashion">Fashion</option>
    <option value="Films">Films</option>
    <option value="Food">Food</option>
    <option value="Games">Games</option>
    <option value="Interior">Interior</option>
    <option value="Music">Music</option>
    <option value="Photography">Photography</option>
    <select id="whichvideo" name="vidtype">
        <option value="">Choose video type</option>
        <option value="Youtube">Youtube</option>
        <option value="Vimeo">Vimeo</option>
        <option id="soundcloud" value="Soundcloud">Soundcloud</option>
    </select>
    <option value="Technology">Technology</option>
    <option value="Video">Video</option>
</select>

JavaScript

$("#selection").change(function () {
    if ($(this).find("option:selected").val() === "Music") {
        $("#soundcloud").show();
    } else {
        $("#soundcloud").hide();
    }
});