easyui中combobox的值改变onchang事件

oyhk 学习笔记

今天在公司里,那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 !!!!");  
         })  
     }  
}

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

posted on 2014-07-29 18:11  %幻#影%  阅读(847)  评论(0编辑  收藏  举报

导航