相关疑难解决方法(0)

我正在使用Bootstrap 3.0.2和Bootstrap-select插件.

这是我的选择列表:

<select class="selectpicker" data-live-search="true" data-size="7">
  <option>Petr Karel</option>
  <option>Honza Novák</option>
  <option>David Egydy</option>
  <option>Sláva Ková?</option>
  <option>Hana Skalická</option>
  <option>Simona Kolá?ová</option>
  <option>Kate?ina Sychová</option>
  <option>Amálka Sychová</option>
  <option>Jana Sychová</option>
  <option>Magdaléna Sychová</option>
  <option>Tereza Sychová</option>
  <option>Bohdana Sychová</option>
</select>

这是我的JavaScript:

//inicialization of select picker
$('.selectpicker').selectpicker();

//on change function i need to control selected value
$('select.selectpicker').on('change', function(){
   var selected = $('.selectpicker option:selected').val();
   alert(selected);
});

问题

我的问题是改变功能不起作用.它没有做任何事情,我自己找不到解决方案.

如果我把它放入文件准备而不是改变功能它似乎工作.所以我想我在某处犯了错误:

$('select.selectpicker').on('change', function(){

我也尝试过只使用:

$('.selectpicker').on('change', function(){

没有这个选择前缀但没有任何变化.

UPDATE

解决方案是将jquery代码放入document.ready().感谢Kartikeya