EasyUI的下拉选择框控件方法被屏蔽处理方式

1、html标签如下

<div id="selectMap" style="top: 1px;left: 80px;position: absolute;">
<select id="currentMap" class="easyui-combobox" panelHeight="auto" style="width: 75px;height:25px;" data-options="editable:false " >
<option value="baidu">百度地图</option>
<option value="googlestreet">谷歌街道</option>
<option value="googlesatellite">谷歌卫星</option>
</select>
</div>

2、问题分析

我出现问题的是在select元素上直接加了onchange方法,改成onclick依旧不触发,很是郁闷!!!

因为在:jquery>>easy-ui>>Documentation>>combobox  定义引用了<select class="easyui-combobox"/>,所以他会自动把本身html >> select >> onChange等控件默认的事件屏蔽掉。

3、解决方案

在页面加载完成后添加select元素的事件绑定,代码如下:

$(function(){
$('#currentMap').combobox({
//相当于html >> select >> onChange事件
onChange:function(){
var currentMapName=$("#currentMap").combobox("getValue");
MapIframe.changeMap(currentMapName);
}
});
});
上一篇:python的几个常用内置函数


下一篇:OO第一单元总结与心得体会