海海日记-冯海滨博客

您现在的位置是:首页 > Js/Jquery > 正文

Js/Jquery

easyui中combobox的值改变onchang事件

happyfhb2014-04-10Js/Jquery1715

今天在公司里,那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


平淡中储蓄成长

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~