当另一个输入更改时如何更新表单输入？

Question

我有一个简单的表单，允许用户选择一个项目。选择该项目后，我想将 SalePriceEach 输入更新为他们选择的项目的默认价格。所有必需的数据（所有项目的集合）都在视图的 ViewBag 中可用。我发现这个例子使用了部分视图，但对于简单的值更新来说，这似乎有些过分。验证选项（远程和客户端）似乎不是正确的工具。我可以用 Javascript 来管理它，但感觉它会破坏某些 asp.net 核心功能的目的。我的观点如下 - 任何帮助或建议将不胜感激。

@model My.Stuff.Server.Models.QuoteItem

@{

    ViewData["Title"] = "Add To Quote";

}

<h2>Add Item to Quote</h2>

<hr />

<div class="row">

    <div class="col-md-4">

        <dl class="dl-horizontal">

            <dt> @Html.DisplayNameFor(model => model.Quote.QuoteNumber)</dt>

            <dd> @Html.DisplayFor(model => model.Quote.QuoteNumber)    </dd>

            <dt> @Html.DisplayNameFor(model => model.Quote.QuoteId)   </dt>

            <dd> @Html.DisplayFor(model => model.Quote.QuoteId)       </dd>

        </dl>

        <form asp-action="Create">

            <input class="hidden" asp-for="QuoteId" />

            <div asp-validation-summary="ModelOnly" class="text-danger</div>

            <div class="form-group">

            </div>

            <div class="form-group">

                <label asp-for="Item.PartNumber" class="control-label"></label>

                <select asp-for="ItemId" class="form-control" asp-items="@(new SelectList(@ViewBag.ListofItems,"ItemId","PartNumber"))"></select>

                <span asp-validation-for="ItemId" class="text-danger"></span>

            </div>

            <div class="form-group">

                <label asp-for="Quantity" class="control-label"></label>

                <input asp-for="Quantity" class="form-control" />

                <span asp-validation-for="Quantity" class="text-danger"></span>

            </div>

            <div class="form-group">

                <label asp-for="SalePriceEach" class="control-label"></label>

                <input asp-for="SalePriceEach" class="form-control" />

                <span asp-validation-for="SalePriceEach" class="text-danger"></span>

            </div>

Answer 1

是的，可以使用 jQuery put ids 为每个输入类型进行简写使用，例如&nbsp; &nbsp; &nbsp;<input asp-for="Quantity" class="form-control" id="Quantity"/>&nbsp;<input asp-for="SalePriceEach" class="form-control" id="SalePriceEach"/>使用 Jquery 文本更改功能jQuery('#Quantity').on('input', function() {//take value of Quantity inputvar v1=$("#Quantity").val();//then assigne this value to another input&nbsp;$("#SalePriceEach").val(v1)&nbsp; &nbsp;});