Есть список сотрудников и список департаментов
public class Employee
{
public int Id { get; set; }
public string Name { get; set; }
public int Salary { get; set; }
public Department Department { get; set; }
}
public class Department
{
public int Id { get; set; }
public string Name { get; set; }
public int Salary { get; set; }
}
Есть UI который выводит конкретного сотрудника по web api через js
<form name="EmployeeForm">
<input type="hidden" name="id" value="0" />
<div>
<label for="name">Имя</label>
<input name="name" />
</div>
<div>
<label for="salary">ЗП</label>
<input name="salary" />
</div>
<div>
<label for="department">Отдел</label>
<select name="department">
</select>
</div>
<div id="errors" style="display:none;"></div>
<div>
<button type="submit" id="submit">Сохранить</button>
</div>
</form>
<script>
async function GetEmployee(id) {
const response = await fetch("/api/employee/" + id, {
method: "GET",
headers: { "Accept": "application/json" }
});
if (response.ok === true) {
const employee = await response.json();
const form = document.forms["EmployeeForm"];
form.elements["id"].value = employee.id;
form.elements["name"].value = employee.name;
form.elements["salary"].value = employee.salary;
form.elements["department"].value = employee.department.name;
}
}
</script>
Список
Как сделать чтобы в тег select выводился полный список департментов и чтобы по умолчанию выбирался департамент конкретого сотрудника?
Средний
