Hello,I am using the Google Maps Autocomplete question to collect address information but would like to report this data on the back end as separate fields for Street Address, City, State, Country (as opposed to the single field with the values separated by commas). I think I would likely need JavaScript to do this but do not have much experience with JS so am struggling to write this code on my own. Any help would be greatly appreciated!

Hi @evakool,I think I could figure it out.If you do not work with simple layout, this should be the way to go:Qualtrics.SurveyEngine.addOnReady(function(){ const addressInput = document.getElementById('QR~' + this.questionId); const updateEmbeddedData = function() { // Full address const address = addressInput.value; // Split by comma, ignoring spaces around commas const addressParts = address.split(/\s*,\s*/); // Store the address parts in dedicated embedded data fields Qualtrics.SurveyEngine.setEmbeddedData('Street', addressParts[0] || ''); Qualtrics.SurveyEngine.setEmbeddedData('City', addressParts[1] || ''); Qualtrics.SurveyEngine.setEmbeddedData('State', addressParts[2] || ''); Qualtrics.SurveyEngine.setEmbeddedData('Country', addressParts[3] || ''); }; addressInput.addEventListener('input', updateEmbeddedData); addressInput.addEventListener('change', updateEmbeddedData);});For simple layout it works a little bit different. The reason is thatjQuery is not included by default and must be loaded in the survey's headerMany of the selectors/ids/class names are different from the other layouts (e.g., the input element does not even have an idea and must be determined differently)Setting embedded data fields also works differently, see belowThe embedded data fields must be initially defined with__js_ prefix. If you do not want to have that for your final field name, assign its value again to some other embedded data field afterwards as examplarily for the street.In “Look & Feel” > “General” > “Header”, load the jQuery library:<script type="text/javascript"> if (typeof jQuery == 'undefined') { var script = document.createElement('script'); script.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; document.head.appendChild(script); }</script>For the input question itself, you also need to adjust the JavaScript (setJSEmbeddedData is used to set the embedded data and the field names must be defined without the prefix):Qualtrics.SurveyEngine.addOnPageSubmit(function() { // Find the input element and get its current value const searchContainer = document.getElementById(this.questionId + '-search');const addressInput = searchContainer.querySelector('input');const address = addressInput.value; // Full addressconst addressParts = address.split(/\s*,\s*/); // Split by comma, ignoring spaces around commas// Store the address parts in dedicated embedded data fieldsQualtrics.SurveyEngine.setJSEmbeddedData('Street', addressParts[0] || '');Qualtrics.SurveyEngine.setJSEmbeddedData('City', addressParts[1] || '');Qualtrics.SurveyEngine.setJSEmbeddedData('State', addressParts[2] || '');Qualtrics.SurveyEngine.setJSEmbeddedData('Country', addressParts[3] || '');});Hope this works now!🙌🏼 For me it does with simple layout:BestChristian

@chackbuschThat worked perfectly - thank you so much for helping with this!

Split Google Maps Autocomplete Into Individual Address Fields

Split Google Maps Autocomplete Into Individual Address Fields | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded