Keep Metric and Imperial Height Fields Synced in a Form

This JavaScript snippet links two JetFormBuilder range fields for height, syncing values between centimeters and inches. Adjusting one field automatically updates the other, allowing users to enter height in either unit without manual conversion.

Specifications
Keep Metric and Imperial Height Fields Synced in a Form
6 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to link two related range fields in JetFormBuilder forms, such as metric and imperial height, syncing values automatically.
Applicable scenarios:

  • Health or fitness websites: Let users enter measurements in their preferred units.
  • Survey or registration forms: Help users input data consistently across different measurement systems.
  • Any form requiring dual-unit inputs: Prevent input errors and improve UX.
Specifications
Keep Metric and Imperial Height Fields Synced in a Form
6 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it