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

解决EasyUI combobox元素无法触发onChange事件的问题

最新推荐文章于 2023-03-02 10:21:37 发布

转载最新推荐文章于 2023-03-02 10:21:37 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/boonya/p/3285762.html

本文详细解析了在使用EasyUI combobox元素时遇到的无法触发onChange事件的问题，通过页面加载完成后手动绑定事件的方法解决了该问题，并提供了完整的代码实现。

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);
        }
    });
});

转载于:https://www.cnblogs.com/boonya/p/3285762.html