Skip to content

README.md

Latest commit

 

History

History
13 lines (10 loc) · 742 Bytes

README.md

File metadata and controls

13 lines (10 loc) · 742 Bytes

jQuery Conditional Form Fields

What it Does

Shows and hides designated form fields based on the current value of a single select element that you designate.

How it Works

  1. Designate the control element with the 'data-conditional-select-control' attribute. It must be a select element.
  2. Mark each element you want shown or hidden by giving it the 'data-show-for=VALUE' attribute, where VALUE matches the value of the option element inside the control selector.
  3. Initialize the plugin on the control selector's parent: $('.my-conditional-fields').conditionalFields();
  4. Now any elements you've designated will only be visible when the corresponding select option is selected.