我想根据另一个下拉列表的选定选项预加载下拉列表的选项

Question

我想在下拉列表中预先加载本地政府区域，当时从初始下拉列表中选择一个州。

如何使用Javascript或Jquery实现此目的。

javascript代码无效

var val = $("#state").val();
    if (val == "abuja"){
        $("#lga").append('<option value=1>My option</option>');
    }else if (val == "abia"){
        $("#lga").append('<option value=2>Goto</option>');
    }