61 lines
2.2 KiB
Plaintext

@{
ViewData["Title"] = "UpdateWork";
}
<form method="post">
<div class="container d-flex justify-content-center align-items-center w-50">
<div class="card-body ">
<div class="form-group">
<label>Работа: </label>
<select id="work" name="work" class="form-control" asp-items="@(new SelectList(@ViewBag.Works, "Id", "WorkName", "WorkPrice"))"></select>
</div>
<div class="form-group">
<label>Название работы</label>
<input type="text" id="workName" placeholder="Введите название работы" name="workName" class="form-control" />
</div>
<div class="form-group">
<label>Стоимость работы</label>
<input type="number" min="0" step="100" id="workPrice" placeholder="Введите стоимость работы" name="workPrice" class="form-control" />
</div>
<table class="table">
<thead>
<tr>
<th scope="col">Название запчасти</th>
<th scope="col">Стоимость запчасти</th>
</tr>
</thead>
<tbody id="table-elements">
@* тут будет код *@
</tbody>
</table>
<br>
<div class="text-center pb-3">
<input type="submit" value="Сохранить" class="btn btn-outline-dark text-center w-100" />
</div>
</div>
</div>
</form>
@section Scripts
{
<script>
function check() {
var work = $('#work').val();
if (work) {
$.ajax({
method: "GET",
url: "/Home/GetWork",
data: { workId: work },
success: function (result) {
$('#workName').val(result.item1.WorkName);
$('#table-elements').html(result.item2);
}
});
};
}
check();
$('#work').on('change', function () {
check();
});
</script>
}