активировать событие изменения при загрузке страницы - PullRequest
Новая
       10

активировать событие изменения при загрузке страницы

0 голосов
/ 05 июня 2018

У меня есть поле выбора с несколькими опциями, я хочу показать и скрыть div в соответствии со значением выбранной опции.Div скрыты и отображаются в соответствии с выбором, и он работает хорошо.

Мой вопрос заключается в том, как вызвать функцию, чтобы при загрузке страницы коммутатор изменил свое состояние в соответствии со значением val, еслиchange trriger не активирован.

Я понимаю, что триггер в функции tas равен change, но можно ли обойти его? 

document.onload = tas($('#taasukati_av_state').val());


function tas(val) {
    console.log(val);
    $('.taas').change(function () {
        //console.log();

        if ($(this).val()) {
            val = $(this).val();
            console.log(val);

        };

        switch (val) {
            case '0':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                break;

            case '1':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                $(this).closest('.taasuka').find('div.salary').removeClass('hidden');
                break;

            case '2':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                $(this).closest('.taasuka').find('div.employ').removeClass('hidden');
                break;

            case '3':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                $(this).closest('.taasuka').find('div.lo-oved').removeClass('hidden');
                break;
        }
    });
}

1 Ответ

0 голосов
/ 05 июня 2018

Я добавил trigerr порядок событий, чтобы активировать change событие;

Я добавил эту строку до конца функции: $('.taas').trigger( "change" ); это обновленный код: 

    function tas(val) {
    console.log(val);
    $('.taas').change(function () {


        if ($(this).val()) {
            val = $(this).val();
            console.log(val);

        };

        switch (val) {
            case '0':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                break;

            case '1':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                $(this).closest('.taasuka').find('div.salary').removeClass('hidden');
                break;

            case '2':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                $(this).closest('.taasuka').find('div.employ').removeClass('hidden');
                break;

            case '3':
                $(this).closest('.taasuka').find('div.starthidden').addClass('hidden');
                $(this).closest('.taasuka').find('div.lo-oved').removeClass('hidden');
                break;
        }
    });

    $('.taas').trigger( "change" );
}
...