这个问题困扰一时，搜了很久的答案，都是千篇一律，试了很多方法都不行，后来偶然尝试后，就解决了，现在记录一下：

1. 原生JavaScript：
   chrome和firefox下使用 select.dispatchEvent(new Event(‘change’)) ,即可实现change事件的触发（例如选择某一项下拉值，然后触发刷新表格）；
   IE浏览器有一个相关api叫做：fireEvent，select.fireEvent(‘onchange’)
2. JQuery使用$(obj).trigger(eventName)方法

重点：

// JS模拟select点击，触发change事件
select.dispatchEvent(new Event('change'))
// 举例：
var select = document.getElementsByClassName('select-panel')[0];
select.getElementsByTagName('option')[0].value=999;
select.getElementsByTagName('option')[0].innerText=999;
select.getElementsByTagName('option')[0].selected=true;
select.dispatchEvent(new Event('change'))

遇到问题，解决问题，记录一下，分享给更多需要的人。

代码如下，这里的checkBox只复选框

$("#checkBox").prop("checked",true);
$("#checkBox").change(function(){
    console.log(1);
});

$("#checkBox").prop("checked",true).change();

这里是因为prop 只是改变了复选框的属性，并不会触发 绑定在 复选框 dom上的change 行为

使用js代码触发文本框change事件

<input type="button" id="btn">

js触发btn的点击事件：

var btn = document.querySelector('#btn');
var event = new Event('click');
btn.dispatchEvent(event);

同理可以触发input的change事件：

<input type="text" id="txt">

js事件：

var btn = document.querySelector('#txt');
var event = new Event('change');
btn.dispatchEvent(event);