EasyUI——Combobox的onChange事件

本文主要是介绍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;}
}		
}
});
});

然后就解决啦~~~~

这篇关于EasyUI——Combobox的onChange事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---