Estoy tratando de crear una pregunta visual que funcione de manera que si un usuario hace clic en un botón, el atributo de datos de ese botón se toma y se completa en los campos del iframe. Sin embargo, si intenta agregar manualmente cualquier información adicional o interactuar de alguna manera con el iframe, se elimina toda la información autocompletada.
Además, si intenta enviar la información, dice que los campos de entrada están vacíos.
Un poco atascado aquí.
<html> <a href="#" onclick="autofill(this)" data-filled-value="USA">United States of America</a> </html> <script> function autofill(element) { $("#form-iframe").contents().find("#country-field").val(element.dataset.filledValue); evt.preventDefault(); } </script>