[jQuery] 使用 jQuery ui select 與 解決onChange無反應的問題

Select & Option

首先當然要先在html中寫select 與 option

<select id='select'>
    <option value='1'>1</option>
    <option value='2'>2</option>
</select>

selectmenu()

使用selector選出剛剛所寫的select後，直接加上.selectmenu()，即可將jQuery ui select設定完成

$(function(){
    $("#select").selectmenu();} 

);

onChange()

接著，如果依照javascript的習慣，直接使用

$('#select').on("change",function(){

});

會發現，完全無反應。
原因是因為接受event的物件，已經不是原本的 #select
依官方說明文件，要用以下方式撰寫

$("#select").selectmenu({        

              change: function(event, ui) {                                               

                   //輸入執行的程式     

              } 

});