Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Figure 2: Select box configuration

Step 3 (You may skip this if you intend to only have form field side by side)

Paste the following jQuery script into a custom HTML script within the form. This script will set the initial value of the 'value' field to the selected option in the dropdown box upon page load and selection, thus allowing dynamic interaction.

...

Next, apply CSS to both the select box and text field to position them side by side. 

Select Box Styling 

Figure 4: Select Box Element Styling

...