js动态改变select框，怎么才能触发change事件

Question

 <select name="" id="a">

    <option value="1">1</option>

    <option value="2">2</option>

  </select>

  <button>点击</button>

$("button").click(function() {

  $("#a").html("<option value='3'>3</option><option value='4'>4</option>")

})

$('select').change(function() {

  console.log("改变")

})

四级联动select，手动改变第一个select值，触发change改变第二个select。但是第二个改变值后，并没有触发第二个的change。查了下change，是需要有失去焦点，才会触发。

现在我是第一个change之后获取第二个的值，生成第三个select。然后再根据第三个值生成第四个。

虽然不是很麻烦，但是很想知道有没有什么办法在js动态改变select时触发change效果。

Answer 1

可以用$('select').trigger('change')