Как получить значение select после загрузки страницы?

Question

[Александр Иванов]

не получается получить значение из уже выбранного select после загрузки страницы

<div class="col-xs-12" id="country">
     <select name="id_c" id="country-list" class="form-control col-xs-12">
            <option value="0">- Select -</option>
            <?php foreach($c_list as $v): ?>
            <option value="<?=$v['id']?>" <?=($v['id'] == $p_data['id_country'])?'selected':''?>>          <?=$v['name']?></option>
                                <?php endforeach ?>
                                </select>
                            </div>

$(document).ready(function() {
        $('#country').on('change', 'select', function(){
            console.log($('#country-list').val());
        });
    });

Comments

[AUser0]

On-change из id=country, то есть из <div>-а? Серьёзно? А если '#country' заменить на '#country-list'?

[Александр Иванов]

AUser0, не работает даже твой вариант!

[AUser0]

Александр Иванов, уберите 'select', из .on('change'), и заработает.

Answer 1

[Надим]

Если в select уже установлено значение, то это значение сразу после загрузки страницы можно получить так:

$(window).on('load', function() {
    console.log('Значение:', $('#country-list').val());
});

Answer 2

[alexalexes]

$(document).ready(function() {
        $('#country-list').on('change', 'select', function(){
            console.log($('#country-list').val());
        });
    });

Этот код просто вешает обработчик на событие изменения селекта. Вывод в консоль произойдет после поджига события change.

Comments

[Александр Иванов]

так тоже делал, не работает!

[Александр Иванов]

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

[alexalexes]

$(document).ready(function() {
        console.log($('#country-list').val()); // ну, так дайте это понять браузеру
        $('#country-list').on('change', 'select', function(){
            console.log($('#country-list').val());
        });
    });