Javascript 当我将员工状态更改为“已终止”或“已辞职”时，添加另一个字段“已辞职日期”

在更新每个员工的员工状态时，我在javascript和前端开发方面遇到了一些麻烦。当员工状态为“终止”或“辞职”时，将自动在员工终止或辞职日期下方添加另一个输入字段。如果员工仍然没有辞职或被解雇，则不会显示任何内容，也不会有任何更改。我真的不知道逻辑是如何工作的，也不知道如何编写代码。 下面是我用html和php编写的获取员工状态数据的代码：

<select class="form-control" id="status" name="status" style="height: 5%" required="">
<option <?php if ($rows['status'] == 'REGULAR EMPLOYEE' ) {echo 'selected'; }?> value="REGULAR EMPLOYEE"> REGULAR EMPLOYEE </option>
<option <?php if ($rows['status'] == 'CONTRACTUAL' ) {echo 'selected'; }?> value="CONTRACTUAL"> CONTRACTUAL </option>
<option <?php if ($rows['status'] == 'PROBATIONARY' ) {echo 'selected'; }?> value="PROBATIONARY"> PROBATIONARY </option>
<option <?php if ($rows['status'] == 'TERMINATED' ) {echo 'selected'; }?> value="TERMINATED"> TERMINATED </option>
<option <?php if ($rows['status'] == 'RESIGNED' ) {echo 'selected'; }?> value="RESIGNED"> RESIGNED </option>
</select>

value=“合同”>合同
value=“终止”>终止
您可以有一个隐藏的日期字段，并根据
select
值更改显示/隐藏它


$（“#状态”）。关于（“更改”，函数（）{
如果（$（this.val（）=“已终止”| |$（this.val（）=“已辞职”）{
$（“.dateEnd”）.show（200）；
}否则{
$（“.dateEnd”）.hide（200）；
}
});
.dateEnd{
显示：无；
}

正式雇员
契约的
试用
结束
辞职



<label>Date Terminated</label>
<input type="date">

or

<label>Date Resigned</label>
<input type="date">