Add dropdown list value(option) dynamically using jquery [duplicate]

I have a dropdown(Dataspy) , with a single options ,which is coming from the cloud environment, now i want to add an option to my DataSpy dropdown dynamically(since i donot have permissions to access the cloud DB), and below is the image i have attached , i receive during debugging in Chrome , which has values, coming from cloud (in below case value is 100116), how can i create one of that kind using jquery? i donot have any idea . Help me with this.

below is the code where i want to add a new option(WorkRequest) dynamically.

function DropdownChange() {
            //let workrequest = new Option('WorkRequest', '1');
            var x = document.getElementById("ddlServices");
            console.log(x);
            var id = x.options[x.selectedIndex].value;
            console.log(id);
            $('#contenttable').empty();
            $('#contenttable').append('<table id="gridview" class="table table-striped table-bordered dataTable wrap" style="width: 100%"><thead></thead><tbody></tbody></table>');
            document.getElementById("lblHeading").innerText = "<%=Resources.Resource.msg_grid_loading %>"//"Loading...."
            RenderData(id);
        }