easyui中combobox的值改变onchang事件

时间:2021-11-21 20:14:09

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