JSFiddle - React, Tailwind, and code Playground

by scaillerie

HTML

<select id="firstdropdown">
    <option value="1">Test</option>
    <option value="2">Testing</option>
</select>
<select id="seconddropdown">
    <option value="1">test1</option>
    <option value="2">test2</option>
    <option value="3">test3</option>
    <option value="4">test4</option>
    <option value="5">test5</option>
    <option value="6">test6</option>
</select>

JavaScript

$("#firstdropdown").change(function() {
    updateSecondDDL();

})

function updateSecondDDL() {
    if (this.value === "1") $("#seconddropdown").val("6");
    else $("#seconddropdown").val("5");
}

updateSecondDDL();