Custom Drop Down Field Values

By default, a dropdown field submits the same text a visitor sees. If you need the stored value to differ from the label, for example showing "Middle School" but submitting "MS" so it maps to your CRM, you can remap the values with a small script.

This is community code, not an official Unbounce feature. Test it on a published page before relying on it, and consult a developer if you are not comfortable editing JavaScript.

Remap the submitted values

Add the following to your page's JavaScript, set to run before the closing body tag. Replace #gender with the ID of your dropdown, and pair each option label with the value you want submitted in its place:

<script>
jQuery(document).ready(function () {
  jQuery.each(jQuery('#gender')[0].options, function (i, option) {
    if (option.value === 'Doctor') { option.value = 44; }
    else if (option.value === 'Dentist') { option.value = 43; }
  });
});
</script>

To find the exact labels to match against, publish the page first, then inspect the dropdown in your browser's developer tools. Unbounce generates the final page HTML at publish time, so the option values are not available while you are still editing.