загрузчик selectpicker выбранное значение

Question

У меня проблема с selectpicker, когда я пытался получить выбранное значение, после загрузки страницы я получил значение = "null", но когда я пытаюсь получить значение после выбранного изменения, я получил правильное значение, чтоэто проблема?

Мой код:

$( document ).ready(function() {
  $('.selectpicker').selectpicker();
  alert($("#level").val());
});

function Change(level){
  alert($(level).val());
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.js"></script>

<select id="level" onchange="Change(this)" data-style="form-control" class="selectpicker" title="" name="level" style="width: 100%;">   
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

Answer 1

Здесь вы не передаете значение функции загрузки, замените это на this.val ()

 <select id="level" onchange="Change(this.val())" data-style="form-control" class="selectpicker" title="" name="level" style="width: 100%;">   
      <option value="1" selected>1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>