【问题标题】：Automatic form fill value from previous input with javascript/jquery使用 javascript/jquery 从先前输入的自动表单填充值
【发布时间】：2021-12-03 02:00:42
【问题描述】：
我需要自动填写重复的表单，因为它显示在两个不同的页面上，因此用户不需要填写两次。有问题的表格是运费表格，用户填写他们的邮政编码并计算费用。
第二个表单建议自动填充前一个表单，我希望它能够自动填充和选择。
第一种形式的数据：
first form picture
<input type="tel" name="PostalCode" id="PostalCode" maxlength="9" size="9" data-name="CEP" placeholder="Calcule seu frete" class="valid" aria-invalid="false">
应该已经在下面的表单中填充和选择了
second form picture
<input data-param-id="PostalCode" id="PostalCode" data-mask-postalcode="" maxlength="9" type="text" value="11040-221">
【问题讨论】：
标签：
javascript
html
jquery
forms
autofill
【解决方案1】：
ID 需要唯一，小心处理。
您可以使用 val() 从最后一个输入中获取值，然后再次使用 val() 将其放入第一个。
您可以使用 focus() 来选择输入。
如果我不明白你的问题，请告诉我。
/*$('#PostalCode[data-name=CEP]').bind("change keyup input",function() {
let currentValCEP = $(this).val();
$('#PostalCodeNext[data-param-id=PostalCode]').val(currentValCEP);
});*/
/*$('#first[data-name=CEP]').bind("click button",function() {
let currentValCEP = $('#first[data-name=CEP]').prevAll('#PostalCode').val();
$('#PostalCodeNext[data-param-id=PostalCode]').val(currentValCEP);
});*/
let currentValMask = $('#PostalCodeNext').val();
$('#PostalCode').val(currentValMask).focus();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="tel" name="PostalCode" id="PostalCode" maxlength="9" size="9" data-name="CEP" placeholder="Calcule seu frete" class="valid" aria-invalid="false">
<br><br>
<input data-param-id="PostalCode" id="PostalCodeNext" data-mask-postalcode="" maxlength="9" type="text" value="11040-221">