EasyUI——Combobox的onChange事件

首先说一下我的业务需求:选课的时候,我们涉及到了设置容量,在这里,我们设置了三种方式:百分比,数值和等于剩余容量。界面如图:


现在有一个问题,就是选择了课程之后,无论如何修改数值的combobox,下面的datagrid的值都不会变。当然,理所当然,我就想到了combobox的onchange()事件,于是有了代码

 <select id="txtPercent" class="easyui-combobox"  οnchange="change('Percent')" name="percent" style="width: 80px;">

注:change('Percent')为js的一个方法,执行设置容量的方法。

可是,我无论怎么运行都是onchange()事件都不执行。

后来,查阅了一篇博客,发现了问题,就是我们用EasyUI的CSS和JS来选择了select过后,那么onchange()方法就不会执行了。具体原因,我也没搞清楚,欢迎大家指点哦。

然后,根据博主的指点:

我在js里面写了代码如下:

$(document).ready(function () {

$("#txtPercent").combobox({

onChange: function changePercent(value)
//如果数值的radio被选中,则执行
{if(document.getElementById("Number").checked){
	var rows = $('#dg').datagrid('getSelections');
	if (rows.length <= 0) {
         
           $.messager.alert("配课管理", "请选择要配置的课程!", "info");
           $("input[name='number']").get(0).checked=false; 
           $("input[name='number']").get(1).checked=false; 
           $("input[name='number']").get(2).checked=false; 
	} else 
	{
		var ccValue =value; // 获取组合框中的值

		modifyTable2(ccValue);

		return false;
		}
}		
}
});
});
然后就解决啦~~~~



版权声明:本文为u013033838原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。