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

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 为每个输入类型进行简写使用，例如

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

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

使用 Jquery 文本更改功能

jQuery('#Quantity').on('input', function() {

//take value of Quantity input

var v1=$("#Quantity").val();

//then assigne this value to another input 

$("#SalePriceEach").val(v1)

   });