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 !!!!");
})
}
}
最后,希望大家看到这篇文章之后,不要再犯这个错误了!