How do I show the name of the item and its description in a dropdown?

Step-by-step guide

  1. Click on Modules.
  2. Select the Module with the appropriate form field.
  3. Select Forms tab.
  4. Select Field List button "Create/Update Fields"
  5. Use the filter to search for the relevant field.
  6. Select Edit on the field.
  7. Select Custom JavaScript tab.
  8. In the “Filter” section type

for (var i = 0, len = fieldScope.items.length; i < len; i++) {

var item = fieldScope.items[i];

if (!item.descriptionAppended) {

var separator = '-';

               item.descriptionAppended = true;

               item.text = item.text + separator + item.description;



return fieldScope.items;

(Example: If you want a diverse set of separator characters, then you need to change the value of the separator variable in the JavaScript.)