Jquery - 检查选择框的值是否从另一个JS代码更改

Question

我知道您可以使用“onChange”方法，但如果我按代码更改值，onChange不会被触发，如下所示：

<select id='selectBox' onChange='alert("changed")'>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<select>

<script>
$(document).ready(function() {
$('#selectBox').val('3');  
});
</script>

当文档加载时，我希望警报“已更改”为弹出窗口...这可能吗？

Answer 1

您可以尝试手动触发change事件，如下所示：

$('#selectBox').val('3').change();

Answer 2

您可以使用jQuery更改事件，然后在从代码更改它时调用它，例如：

$(document).ready(function() {
  $('#selectBox').change(function() {
    alert("changed")
  });

  $('#selectBox').val('3');
  $('#selectBox').change(); // this will  trigger change event
});