关闭

JQuery EasyUI内Combobox的onChange事件

387人阅读 评论(0) 收藏 举报
分类:

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="width: 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的值时就会收到客户端的响应,弹出一个“我是老大!“的对话框!

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

触发easyui combobox 中 onchange 事件

以上是我使用Easyui生成的页面代码,通过样式美化过的下拉列表。 如何得到select 下拉列表的onchange事件呢?如下: $('#id').combobox({ onCh...
  • ybb350680013
  • ybb350680013
  • 2015-08-09 09:31
  • 6371

EasyUI——Combobox的onChange事件

首先说一下我的业务需求:选课的时候,我们涉及到了设置容量,在这里,我们设置了三种方式:百分比,数值和等于剩余容量。界面如图: 现在有一个问题,就是选择了课程之后,无论如何修改数值的combo...
  • u013033838
  • u013033838
  • 2016-06-30 21:08
  • 4699

easyui combobox 中 onchange 事件的触发

下拉选框代码: 延缓件 转运件 拒收退件 </sel
  • qq_28988969
  • qq_28988969
  • 2017-08-04 11:30
  • 200

JQuery EasyUI内Combobox的onChange事件

1、原始方法 我想写个html代码的都对下拉选择标签select不陌生,关于这个标签,在不加任何渲染的情况下,想要触发其onchange事件是很简单的一件事情,如下: STEP D...
  • zhanglu0223
  • zhanglu0223
  • 2016-11-18 15:44
  • 837

easyUI(八) --combobox的onchange事件(联动效果实现)

如果想通过 easyui 实现下拉框联动 , 就要监听 combobox 的 onchange 事件 , 否则页面就会发生 属性未定义的错误 (attribute undefined)$("#you...
  • JacXuan
  • JacXuan
  • 2017-04-24 15:18
  • 31658

Easyui combobox onChange事件

Easyui combobox onChange事件: 注册事件: $(function () { $('#cc_id').combobox({ ...
  • heyangyi_19940703
  • heyangyi_19940703
  • 2016-09-07 11:32
  • 7410

EasyUI内Combobox的onChange事件

http://www.cnblogs.com/exmyth/p/4062793.html 1、原始方法 我想写个html代码的都对下拉选择标签select不陌生,关于这个标签,...
  • NRlovestudy
  • NRlovestudy
  • 2016-01-05 17:32
  • 801

easyUI combobox onChange、onSelect事件等

1、onChange 2、onSelect JQuery前端遍历二维数组 $.ajax({ url : "xxx", type : "post", data : { "param" : pa...
  • a544879146
  • a544879146
  • 2017-04-11 20:52
  • 304

easyui-combobox添加onChange事件

废话不多说直接上代码系类之easyui-combobox添加onChange事件: $("#"+id).combobox({ onChange: function (newValue,oldVa...
  • kry1201
  • kry1201
  • 2016-06-13 18:19
  • 3351

easyui中combobox的值改变onchang事件

easyui中combobox的值改变onchang事件 oyhk 学习笔记 今天在公司里,那jquery中的easy-ui-里面的combobox,真的郁闷死了! 把郁闷的事情记下来,下次就不会...
  • wan353694124
  • wan353694124
  • 2015-06-08 15:21
  • 7661
    个人资料
    • 访问:93226次
    • 积分:1359
    • 等级:
    • 排名:千里之外
    • 原创:20篇
    • 转载:150篇
    • 译文:0篇
    • 评论:3条
    最新评论