Как при окончании загрузки страницы обновить блок div?

Question

[Сергей Рогов]

Всем привет. У меня есть блок div, который содержит select

<div class="form">
<select id="select">
    <option value="Вася">Вася</option>
    <option value="Петя">Петя</option>
    <option value="Терпила">Терпила</option>
</select>
</div>

Всё это я отправляю формой через submit и мне необходимо обновить этот select при окончании загрузки страницы.
Посмотрев jquery события не пойму, как сделать так, чтобы это было без клика, наведении мышки и т.п.
Нужно просто как загрузилась страница - обновить блок div с этим select.

Comments

[Ваня Зюзгин]

А что значит обновить? Загрузить новые option?

[Сергей Рогов]

Ваня Зюзгин, да

Answer 1

[Сергей Бобылев]

Сергей Рогов

$(() => {
    $.ajax({
        type: "POST/GET",
        data: {
            type: "upd_select"
        },
        dataType: "json",
        success: function (res) {
            $('#select').html('');

            res.forEach(e => {
                $('<option> </option>',{
                    value: e.val,
                    html: e.name}
                ).appendTo('#select');
            })
        }
    });
});

Answer 2

[rPman]

событие onload например на теге body (к сожалению оно не сработает для внутреннего контента и фреймов, т.е. страница и скрипты загружены, но изображения - нет, дляя них нужно блудет городить свой прелоадер)

но изначально это порочная практика, данные не должны меняться после загрузки, а то от сюда вылезают высеры когда страничка подгружается, ты наводишься мышкой к нужному месту и тут страничка догружается, меняются размеры и элемент уезжает.

Меняй данные сразу при загрузке страницы

Comments

[Сергей Рогов]

Дело в том, что при отправке submit (формы) я переназначаю атрибут selected.
Всё это происходит на одной странице. А отрисовка select'a у меня происходит ДО того, как я изменяю selected. Приходится обновлять страницу, чтобы пункты в select встали на свои места.

Answer 3

[iBird Rose]

https://qna.habr.com/q/462478