Szybki select

Question

Witam. 

Mam pytanie.
Na stronie mam <select> z kilkoma opcjami.

<select name="dzien" id="dzien">
    <option>00:30</option>
    <option>01:00</option>
    <option>01:30</option>
    <option>02:00</option>
    <option>02:30</option>
    <option>03:00</option>
    itd ...
</select>

Przy ładowaniu, strona pobiera dane z serwera i ustawia select.

Dane otrzymuję w formacie: "08:00" - tu ustawione na sztywno do testu.

Napisałem procedurę ustawiającą dany "select":

function go(){

        let selDay = document.getElementById('dzien');
        let mySet = "08:00" // dla testów

        for (let i = 0; i < selDay.length; i++){
            if (selDay.options[i].text === mySet) selDay.options[i].selected = "selected";
        }
    }

To działa i jest ok. Ale może można to zrobić lepiej, szybciej.

Są to moje początki w pisaniu. A właściwie sklejaniu kodu z kawałków klocków :) Warto przy okazji czegoś się nauczyć :)

Comments

function go() {
    let selDay = document.getElementById('dzien');
    let mySet = "02:00"

    Array.from(selDay).forEach(el => {
    if (el.text === mySet) {el.selected='selected'}
    })
}

 

---

Dzięki. Dużo ładniejsze :) Jutro bardziej przeanalizuję ten kod.

Dziękuję, już jestem o grosz mądrzejszy :)

Answer 1

Coś takiego będzie uniwersalne (jak pobierasz przy pomocy PHP):

let mySET = <?php echo $zmienna_z _serwera; ?>