diff --git a/api-payroll/public/html/registerWorkDays.php b/api-payroll/public/html/registerWorkDays.php
index b036ef5..c53af9f 100644
--- a/api-payroll/public/html/registerWorkDays.php
+++ b/api-payroll/public/html/registerWorkDays.php
@@ -23,13 +23,13 @@
                     <div class="form-group">
                         <label class="col-md-4 control-label" for="workDaysEmployeeName">Name</label>
                         <div class="col-md-5">
-                            <input id="workDaysEmployeeName" name="workDaysEmployeeName" type="text" class="form-control input-md">
+                            <input id="workDaysEmployeeName" name="workDaysEmployeeName" type="text" class="form-control input-md" disabled>
                         </div>
                     </div>
                 </div>
                 <div class="row">
                     <div class="form-group">
-                        <label class="col-md-4 control-label" for="workDaysEmployeeRol">Performed rol</label>
+                        <label class="col-md-4 control-label" for="workDaysEmployeeRol">Rol</label>
                         <div class="col-md-5">
                             <select class="form-control input-md" name="workDaysEmployeeRol" id="workDaysEmployeeRol" disabled>
                                 <option></option>
diff --git a/api-payroll/public/js/registerWorkDays.js b/api-payroll/public/js/registerWorkDays.js
index 5ebbf45..0795755 100644
--- a/api-payroll/public/js/registerWorkDays.js
+++ b/api-payroll/public/js/registerWorkDays.js
@@ -47,7 +47,8 @@ $(document).ready(function(){
             source: employeesList.ttAdapter()
         }).bind("typeahead:selected", function(obj, datum, name) {
         $(this).data("id", datum.code);
-        console.log(datum.code);
+
+        loadEmployeeDataForWorkDays(datum.code);
         $('#hidenEmployeeCodeForWorkDaysCode').val(datum.code); // For future reference
     });
 });
@@ -77,6 +78,48 @@ function loadEmployeeTypesForWorkDays(){
         error:function(x,e) {
             let responseText = $.parseJSON(x["responseText"]);
 
+            if (x.status==0) {
+                $('#modalErrorInternetConnection').modal('show');
+            } else if(x.status==404) {
+                $('#modalError404').modal('show');
+            } else if(x.status==500) {
+                $('#modalServerResponseError').modal('show');
+                document.getElementById('modalResponseError').innerHTML = responseText['message'];
+            } else if(e=='parsererror') {
+                $('#modalErrorParsererror').modal('show');
+            } else if(e=='timeout'){
+                $('#modalErrorTimeout').modal('show');
+            } else {
+                $('#modalErrorOther').modal('show');
+            }
+        },
+    });
+}
+
+/**
+ * Searches the employee data by its employee code and loads it
+ * into the form to be edited and saved
+ *
+ * @param code string
+ */
+function loadEmployeeDataForWorkDays(code){
+    let baseUrl = getbaseUrl();
+
+    $.ajax({
+        url: baseUrl + '/api/employee/code/' + code,
+        type: 'GET',
+        dataType: 'json',
+        success:function(data){
+            let fullName = data['firstName'] + ' ' + data['middleName'] + ' ' + data['lastName'];
+
+            $('#workDaysEmployeeName').val(fullName);
+            $('#workDaysEmployeeRol').val(data['idEmployeeType']);
+            $('#workDaysEmployeePerformedRol').val(data['idEmployeeType']);
+            $('#workDaysEmployeeContractType').val(data['contractType']);
+        },
+        error:function(x,e) {
+            let responseText = $.parseJSON(x["responseText"]);
+
             if (x.status==0) {
                 $('#modalErrorInternetConnection').modal('show');
             } else if(x.status==404) {