zoukankan      html  css  js  c++  java
  • JQuery EasyUI内Combobox的onChange事件

    1、原始方法

    我想写个html代码的都对下拉选择标签select不陌生,关于这个标签,在不加任何渲染的情况下,想要触发其onchange事件是很简单的一件事情,如下:

    <select id="sOne" onchange="getVal()">

    <option value="0">STEP DAY</option>

    <option value="1">DAY</option>

    </select>

    紧接着书写js函数getVal()即可实现。

    2、遇到曹操就没辙了

    但是,当我们用EasyUI的CSS和JS来选择了select过后,想要向上面一样来触发其onchange事件,那就不行了的。如下:

    <select id="sTwo"  class="easyui-combobox" multiple="true" panelheight="auto" style=" 100px" onchange="getValTwo()">

    <option value="">STEP DAY</option>

    <option value="1">STEP</option>

    <option value="0">DAY</option>

    </select>

    这里提供了一个js函数如下:

    function getValTwo()

    {

        alert("Success!");

    }

    不管我们如何地点击select,始终都得不到客户端页面的响应,给你弹出一个Success!的窗体。

    3、那么我们应该怎么办呢?

    这里我们需要知道在EasyUI内的Combobox,有哪些事件才对的,我们可以翻开其帮助文档,其中有一个onChange事件,需要传递两个参数(newVal,oldVal),我们如何来注册这个事件以便后期响应呢?方法如下:

    $(document).ready(function () {

    $("#sTwo").combobox({

    onChange: function (n,o) {

    alert("我是老大!");

    }

    });

    });

    通过如上矫正过后,我们在切换select的值时就会收到客户端的响应,弹出一个“我是老大!“的对话框!

  • 相关阅读:
    vue-cli+typescript 搭建
    es6基础知识
    上机作业六 磁盘管理综合测试2019 7 31
    上机作业五 磁盘配额 2019 7 2
    上机作业四 磁盘管理 2019 7 31
    上机作业三 账号管理2019 7 31
    上机作业 2 2019/7/26
    Linux系统管理06--磁盘管理
    Linux系统管理05--权限及归属管理
    chapter06-07磁盘管理
  • 原文地址:https://www.cnblogs.com/exmyth/p/4062793.html
Copyright © 2011-2022 走看看