我想在页面加载时触发更改事件,我尝试执行 $("#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>
最佳答案
不要试图欺骗 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);
关于javascript - 如何在页面加载时触发onchange,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35073531/