當我更改員工的狀態以終止或辭職時，添加另一個字段日期

在更新每個員工的員工狀態時，我在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>

當他們選擇終止或辭職它會自動顯示在下面像另一個領域：

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

or 

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

來源

2017-08-05 Jayz de Vera

你可以有隱藏日期字段，並根據select值的變化顯示/隱藏它。

$("#status").on("change", function(){ 
 
    if($(this).val() == "TERMINATED" || $(this).val() == "RESIGNED"){ 
 
    $(".dateEnd").show(200); 
 
    }else{ 
 
    $(".dateEnd").hide(200); 
 
    } 
 
});

.dateEnd{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select class="form-control" id="status" name="status" style="height: 5%" required=""> 
 
    <option value="REGULAR EMPLOYEE"> REGULAR EMPLOYEE </option> 
 
    <option value="CONTRACTUAL"> CONTRACTUAL </option> 
 
    <option value="PROBATIONARY"> PROBATIONARY </option> 
 
    <option value="TERMINATED"> TERMINATED </option> 
 
    <option value="RESIGNED"> RESIGNED </option> 
 
</select> 
 
<br> 
 
<input type="date" class="dateEnd">

來源

2017-08-05 16:28:04

當我更改員工的狀態以終止或辭職時，添加另一個字段日期

回答

相關問題