javascript - 如何在页面加载时触发onchange

Question

我想在页面加载时触发更改事件，我尝试执行 $("#formtype").change(); 但它不起作用

<div class="form-group">
  <select name="form" id="formtype" class="form-control">
    <option value="A">Form A</option>
    <option value="B">Form b</option>
</select>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
  $('#formtype').on('change', function () {
    //  alert( this.value ); // or $(this).val()
    if(this.value == "A") {
      $('#form1').show();
      $('#form2').hide();
    } else {
      $('#form1').hide();
      $('#form2').show();
    }
  }); 
</script>

Answer 1

不要试图欺骗 DOM 认为事件已经发生。如果您想在页面加载时执行代码，只需执行它即可。像这样的事情:

// define the function
var toggleElements = function () {
    if($('#formtype').val() == "A") {
        $('#form1').show();
        $('#form2').hide();
    } else {
        $('#form1').hide();
        $('#form2').show();
    }
};

// set the handler
$('#formtype').on('change', toggleElements);

// execute the function when the page loads
$(document).ready(toggleElements);