'set value to select2 which is retrive from database in ASP.NET MVC

i am using select2 control and i want to display or set value which i retrive from database how to set value to select2 which is retrive from database in ASP.NET MVC i am using select2 control and i want to display or set value which i retrive from database how to set value to select2 which is retrive from database in ASP.NET MVC

<script type="text/javascript">
$(document).ready(function () {
var selectedValue1 = '43,48,47,57'; 
$('#ddlCity1').select2({
        minimumInputLength: 0, //for listing all records > set 0
        maximumInputLength: 20, //only allow terms up to 20 characters long
        multiple: true,
        placeholder: "Select",
        allowClear: true,
        tags: false, //prevent free text entry
        width: "100%",
        ajax: {
            dataType: 'json',
            delay: 250,
            url: '@Url.Action("GetCityList", "DemoMVC")',
            data: function (params) {
                return {
                    searchTerm: params.term
                };
            },
            processResults: function (data) {
                var newData = [];
                $.each(data, function (index, item) {
                    newData.push({
                        //id part present in data
                        id: item.Id,
                        //string to be displayed
                        text: item.City
                    });
                });
                return { results: newData };
            },
            cache: true
        },            
    });

        $(".city1").on("select2:select", function (e) {
            currentSelectedVal = $(e.currentTarget).val();
            console.log(currentSelectedVal) // get selected values
        });    
        $('.city1').on('select2:unselect', function (e) {
            currentSelectedVal = $(e.currentTarget).val();
            console.log(currentSelectedVal) // get selected values
            
        });
    });
    </script>
    //Dropdown with select2 control
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label>City</label>
                    <select id="ddlCity1" class="city1" style="width:500px"></select>
                </div>
            </div>
        </div>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source