easyui给select控件绑定change事件

一般的做法是使用jQuery来绑定,例如:

$("#id").change(function(){
    alert("change事件绑定");
});

  当给select加上class="easyui-combobox"这样的样式后,上面的绑定方式失效不相应,正确的方式如下:

 <select required="false" class="easyui combobox"name="city" style="width:180px">
      <option value="1">北京</option>
      <option value="2">上海</option>
      <option value="3">广州</option>
</select>

  

 //select 加上class="easyui combobox"后会自动给select加上id属性,值和name的值相同
 $("#city").combobox({
        	onChange:function(n,o){
                      //这里的参数n是select改变后的value,o是改变前的value
                     alert(n);
        	}
        });

  

时间: 2024-10-25 15:39:51

easyui给select控件绑定change事件的相关文章

Jquery获取select 控件的change事件时选中的值

HTML代码如下: <div class="col-sm-9 col-xs-12"> <select id="groupid" class="form-control" style="float: left" name="groupid"> <option value="0">请选择</option> <option value=&q

js代码赋值触发select控件的onchange事件

嗯,现在在一个小公司实习,直接接触代码收获不小.  现在有个需求是4级联动的select过滤,需要js代码赋值并触发onchange来调用ajax方法,于是问题是怎样触发,找了些资料并且自己尝试了一下,验证无误. 代码在chrome.IE8.ff浏览器测试均通过,记在这里以备查阅~ <html> <head> </head> <body> <select id="sel" name="mysel" onchang

easyui-datetimebox 控件绑定双击事件实现自动选中当前日期时间

本方法是在不改变原 js 的情况下,通过扩展方法来实现本目的 首先在 datetimebox 控件中扩展一个 绑定双击事件 的方法 1 $.extend($.fn.datetimebox.methods, { 2 //绑定双击事件方法 3 bindDblClick: function (jq) { 4 var panel = $(jq).combo("panel"); 5 panel.find(".calendar-dtable tbody").unbind(&qu

select控件绑定数据,默认选中项

设置 "select"属性即可,如: <span style="font-size:18px;"><select class="fl" id="search_CityId" name="search_City"> <option value="0" selected="selected">不限</option> <

获取控件绑定的事件

//获取TextBox类定义的所有事件的信息 PropertyInfo pi = (typeof(TextBox)).GetProperty("Events", BindingFlags.Instance | BindingFlags.NonPublic); //获取TextBox对象textBox1的事件处理程序列表 EventHandlerList ehl = (EventHandlerList)pi.GetValue(this.textBox1, null); //获取Contr

分针网—每日分享:Vue.js事件处理器与表单控件绑定

事件处理主要通过v-on这个指令来执行. 事件监听及方法处理 1.简单的可以直接内嵌在页面. 2.可以通过将方法定义在methods中,然后再v-on中执行 3.可以通过绑定给函数传递参数,还可以传递通过变量$event给函数传递原生DOM事件. <div id="app-1"> <button v-on:click="counter += 1">增加1</button> <p>这个按钮被点击了{{counter}}&

EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager implements java.io.Serializable { private Integer id; private Role role; private String loginName; private String password; private int status; private Da

Jquery+json绑定带层次下拉框(select控件)

一.实现的效果图 二.主要代码 html代码 <select id="pid" runat="server"> <option value="0" data="|0|">不选父级类</option> </select> Jquery代码 var html = ['<option value="0">不选父级模块</option>'];

Asp.net绑定带层次下拉框(select控件)

1.效果图 2.数据库中表数据结构 3.前台页面 <select id="pid" runat="server"> <option value="0" data="|0|">不选父级类</option> </select> 备注:查看源代码 4.后台代码 using System; using System.Data; using System.Web.UI.WebControl