更改javascript更改功能以同时处理页面加载

Question

我在表单选择字段上使用以下代码来在选择选项时禁用文本框

$(document).ready(function(){
$('#Automatic').change(function(){
$('#InstallDate').prop('disabled', $(this).val() == "TBD");
});
});

如果从选择菜单中选择此选项，效果很好，但是此表单是现有条目的编辑页面，因此我们要从MySQL中提取他们之前选择的任何值。

因此，如果默认值为TBD，如何将其转换为也可以在加载时执行？

Answer 1

两种方法。您也许可以手动触发更改事件：

$('#Automatic').change(function(){
    $('#InstallDate').prop('disabled', $(this).val() == "TBD");
}).trigger('change');

或者分别定义和执行函数：

let automaticChange = function(){
    $('#InstallDate').prop('disabled', $(this).val() == "TBD");
};
automaticChange();
$('#Automatic').change(automaticChange);