easyui中combobox的值改变onchang事件

 jquery中的easy-ui-里面的combobox

首先,肯定少不了,引入jquery的js文件!请大家注意了!

    <select id="cartogram" name="cartogram" class="easyui-combobox" onChange="change()" style="width:200px;" required="true">  
       <option value="pie" selected="selected">饼图</option>  
            <option value="column">柱状图</option>  
            <option value="line">线性图</option>  
        </select>  

Js代码 

    function change(){  
       //这里如果我在select那里选其它项的时候,应该会弹出ok  
        alert('ok');  
    }  

   
无论怎么选其它项,都不会弹出窗口(ok),为什么呢?

去jquery>>easy-ui>>Documentation>>combobox里看了下,才知道,原来<select class="easyui-combobox"/>,这样用了后,他会自动把本身html >> select >> onChange的事件屏蔽掉...

Js代码:

window.onload = function(){  
     $('#cartogram').combobox({  
         //相当于html >> select >> onChange事件  
         onChange:function(){  
             alert('OK !!!!');  
         }
     }); 
} 

    最后,希望大家看到这篇文章之后,不要再犯这个错误了!

原文地址：http://blog.mkfree.com/posts/8