easyui中combobox的值改变onchang事件

摘要：今天在公司里,那jquery中的easy-ui-里面的combobox,真的郁闷死了!    把郁闷的事情记下来,下次就不会犯错了!…

今天在公司里,那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的事件屏蔽掉...天啊!怎么搞的啊...还要搞自己的一套!

   最后吧,终于做出来了...

   相关代码

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

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

本文章来自:http://blog.mkfree.com/posts/8