zoukankan      html  css  js  c++  java
  • EasyUI的下拉选择框控件方法被屏蔽处理方式

    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);
            }
        });
    });
  • 相关阅读:
    python 函数
    python升级功能
    python3与c++的不同点(初学看重点~)
    python中的数据结构
    github超简单用法
    ListView
    线性代数(1)--方程组的同解变形
    C++基础学习
    C++多态
    PKU《程序设计》专项课程_递归汉诺塔问题
  • 原文地址:https://www.cnblogs.com/boonya/p/3285762.html
Copyright © 2011-2022 走看看