最近在帮后端修改bug，本来对js 只是熟悉，没有达到深入的层次，今天遇到了一个select的onchange()事件不触发的问题，记录一下，以备后续需要。
下面是代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| //省去无关代码
<select onchange="fun()" id="CategoryName" class="easyui-combobox" editable="false">
<option value="">全部</option>
@foreach (var item in noticeCategoryGroup)
{
<option value="@item.Key">@item.Value</option>
}
</select>
//省去无关代码
<script>
function fun(){
alert(1);
}
</script>
|
上面代码中死活不能触发onchange，各种百度，都是这样写的，又试了下面这种方式：
1
2
3
| $('#CategoryName').change(function(data){
alert(1);
})
|
还是不行，奇了怪了。在仔细一看会不会是 easyui-combobox在捣鬼。
于是又搜easyui-combobox的onchange()的事件，果然是！
1
2
3
4
5
| $('#CategoryName').combobox({
onChange:function(n,o){
alert(1);
}
});
|
n代表选中的新值，o代表上一个值。
下面是easyui-combobox的所有事件：
参考EasyUI官网：
http://www.jeasyui.com/documentation/index.php#