选择对象更改所选值

Question

正在使用包含轮班管理页面的Web应用程序。

在该页面中，将绘制一个带有可以选择的值的表格。 每次用户选择其他日期范围时，日历都会重绘。 因为日期范围是数据库所需的日期。

我正在努力的是如何根据接收到的数据更改选择值

我有一个返回新Map对象的函数

function builtSelect(data){
    /*
        qysh m vinj te dhenat

        return result dmth 
        user -> 7 vlera te select sipas arrays
        $(document).ready(function() {
                    $("#gate option[value='Gateway 2']").prop('selected', true);
                     // you need to specify id of combo to set right combo, if more than one combo
        });
        useri -> te gjitha shiftat
        foreach( var [key,value] of data){

        var s = $('<select/>');
        var o = [1, 2, 3];
        for (var i in o) {
            s.append($('<option/>').html(o[i]));
        }
            $('body').append(s);

        }
        okay 
        nihere krijoje 
        select objectin masanej veq e thirr

    */
    var builtShifts = [];
    var options = ["volvo","saab","mercedes","audi"];
    var select = $('<select>');
    options.forEach(function(i){
        select.append($("<option>").attr('value',i).text(i))
    });
    for(var [key,value] of data){
        sel = new Map()
        sel.set(key,[])
        $.each(value,function(c,i){
                sc = select.clone();
                sel.get(key).push(sc);

        })
        builtShifts.push(sel);

    }
    return builtShifts;

}

尝试根据数据数组更改所选内容：

$(sc).each(function(){
                        if($(this).text() == String(i[0])){
                            $(this).attr("selected","selected")
                        }
                    })

已存在选定的值，但是，当尝试使表格中的所有这些选定内容都具有“ Volvo”选项时，在某些情况下不应如此。

我想要实现的是：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>

所选的每个对象都会基于i [0]的值