JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div id="satcombox">
<select name="satellite" onchange="updateSatellite(this.value); return false" >
    <option id="auto" value="0" selected="selected">Автоматически</option>
    <option id="s0530" value="53">53 гр.в.д. Экспресс-АМ22</option>
    <option style="background:red" id="s0550" value="55">55 гр.в.д. Astra-1F</option>
    <option id="s0900" value="90">90 гр.в.д. Ямал-200</option>
    <option id="s1400" value="140">140 гр.в.д. Экспресс-АМ3</option>
</select>
</div>
<div id="fuck"></div>

JavaScript

var sat = {
    s0110: {
        name: "Экспресс-AM44",
        deg: "11",
        dis: "36418",
        colors: ['204A87','3465A4','729FCF']
    },
    s0530: {
        name: "Экспресс-AM22",
        deg: "53",
        dis: "36418",
        points: 'coordinates',
        colors: ['C4A000','EDD400','FCE94F']
    },
    s0550: {
        name: "Астра-1Ф",
        deg: "55",
        dis: "36418",
        colors: ['4E9A06','73D216','8AE234']
    },
    s0900: {
        name: "Ямал-200",
        deg: "90",
        dis: "36418",
        points: 'coordinates',
        colors: ['CE5C00','F57900','FCAF3E']
    },
    s0140: {
        name: "Экспресс-AM3",
        deg: "140",
        dis: "36418",
        points: 'coordinates',
        colors: ['204A87','3465A4','729FCF']
    },
    s0172: {
        name: "Экспресс-AM23",
        deg: "172",
        dis: "36418",
        colors: ['CE5C00','F57900','FCAF3E']
    }
};


var st = '<select name="satellite" onchange="updateSatellite(this.value); return false" >'+"\n"+'<option id="auto" value="0" selected="selected">Автоматически</option>'+"\n";
for(var i in sat) {
    st += '<option id="'+i+'" value="'+sat[i].name+'" style="background:#'+sat[i].colors[2]+';color:#000">'+sat[i].name+'</option>'+"\n";
}
st+= '</select>'+"\n";
document.getElementById('satcombox').innerHTML = st;