1、html标签如下
<div id="selectMap" style="top: 1px;left: 80px;position: absolute;"> <select id="currentMap" class="easyui-combobox" panelHeight="auto" style=" 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); } }); });