Necesito que un formulario duplicado se complete automáticamente ya que se muestra en dos páginas diferentes, por lo que el usuario no necesita completarlo dos veces. El formulario en cuestión es uno de tarifa de envío, donde el usuario completa su código postal y se calcula la tarifa.
El segundo formulario sugiere el autocompletado del anterior, solo me gustaría que se complete y seleccione automáticamente.
Datos del primer formulario: imagen del primer formulario
<input type="tel" name="PostalCode" id="PostalCode" maxlength="9" size="9" data-name="CEP" placeholder="Calcule seu frete" class="valid" aria-invalid="false">
Que ya debería estar rellenado y seleccionado en el siguiente formulario de imagen de segundo formulario
<input data-param-id="PostalCode" id="PostalCode" data-mask-postalcode="" maxlength="9" type="text" value="11040-221">
La identificación debe ser única, cuídala.
Puede usar val() para obtener el valor de la última entrada y usar val() nuevamente para ponerlo primero.
Puede usar focus() para seleccionar la entrada.
Dime si no entiendo bien tu problema.
/*$('#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">