PIbd-22_Bazunov_A.I._SushiBar/SushiBar/SushiBarClientApi/Views/Home/Create.cshtml

60 lines
1.5 KiB
Plaintext
Raw Normal View History

2023-03-27 16:31:19 +04:00
@model SushiBarContracts.ViewModels.SushiViewModel
@{
ViewData["Title"] = "Create";
}
<div class="text-center">
<h2 class="display-4">Create order</h2>
</div>
<form method="post">
<div class="row">
<div class="col-4">Sushi:</div>
<div class="col-8">
<select
id="sushi"
name="sushi"
class="form-control"
asp-items="@ViewBag.Sushi">
</select>
</div>
</div>
<div class="row">
<div class="col-4">Count:</div>
<div class="col-8">
<input type="text" name="count" id="count"/>
</div>
</div>
<div class="row">
<div class="col-4">Sum:</div>
<div class="col-8">
<input type="text" id="sum" name="sum" readonly/>
</div>
</div>
<div class="row">
<div class="col-8"></div>
<div class="col-4">
<input type="submit" value="Create" class="btn btn-primary"/>
</div>
</div>
</form>
<script>
$('#sushi').on('change', () => {
check();
});
$('#count').on('change', () => {
check();
});
function check() {
const count = $('#count').val();
const sushi = $('#sushi').val();
console.log()
if (count && sushi) {
$.ajax({
method: "POST",
url: "/Home/Calc",
data: { count, sushi },
success: (result) => { $("#sum").val(result) }
});
}
}
</script>