Drop-down box dependent on the option selected in another drop-down box

Question

I have 2 different SELECT OPTION in a form.

The first one is Source, the second one is Status. I would like to have different OPTIONS in my Status drop-down list dep

Answer 1

Try something like this... jsfiddle demo

HTML

     MANUAL
     ONLINE




    OPEN
    DELIVERED

JS

$(document).ready(function () {

    $("#source").change(function () {
        var el = $(this);
        if (el.val() === "ONLINE") {
            $("#status").append("SHIPPED");
        } else if (el.val() === "MANUAL") {
            $("#status option:last-child").remove();
        }
    });

});