To bind Dropdown list using Jquery

// We can use jquery method like Post or Ajax to bind dropdown list.

Using $.Post

function getStation(region) {

    $.post("/PageName/MethodName?param=" + region,
        function (data, textStatus, XMLHttpRequest) {
            items = "<option value=''>Select City</option>";
            $.each(data, function (i, data) {
               
                    items += "<option value='" + data.StationMasterID + "' selected='selected'>" + data.StationName + "</option>";

            });
            $("#DropdownID").html(items);
        }, "json"); // Json is the return value from C# or Java method
}

Using $.Ajax

 $.ajax({
        url: "/PageName/MethodName",
        contentType: "application/json; charset=utf-8",
        dataType: 'json',
        data: { region: region},
        success: function (result) {

            var items = "";
            items = "<option value='Sub01'>Select Sub Category</option>";
            $.each(result, function (i, result) {
                items += "<option value='" + result.StationMasterID + "'>" + result.StationName + "</option>";
            });
            $("#DropdownID").html(items);
        },
        error: function (data) {
            $("#strResult").html(data);
        }
    });