Jquery to show/hide divs in form using
- or -
Post a project like this2586
$$$
- Posted:
- Proposals: 7
- Remote
- #1484725
- Awarded
Description
Experience Level: Expert
General information for the website: Modification of a form for a CMS
Description of requirements/features: Required is a jQuery script that will:
1) Find items that contain 'supr_opt' in their ID and hide it's parent that has the class .field
2) Using the relevant containing the ID 'supr_select' show/hide the relevant fields based on the value of the select Eg. will show the .field parent of the item containing 'supr_opt_1'
Notes:
a) This is an example, there may be more select options eg. , and so on. So the solution needs to account for this eg. targeting supr_opt_x
b) In this example there are 3 groups, but they may be more
c) The IDs are dynamic, so we cannot target the whole ID, only the 'supr_opt_x' part
d) We are not able to add any other IDs or classes to the markup before the script runs
Extra notes:
Description of requirements/features: Required is a jQuery script that will:
1) Find items that contain 'supr_opt' in their ID and hide it's parent that has the class .field
2) Using the relevant containing the ID 'supr_select' show/hide the relevant fields based on the value of the select Eg. will show the .field parent of the item containing 'supr_opt_1'
Notes:
a) This is an example, there may be more select options eg. , and so on. So the solution needs to account for this eg. targeting supr_opt_x
b) In this example there are 3 groups, but they may be more
c) The IDs are dynamic, so we cannot target the whole ID, only the 'supr_opt_x' part
d) We are not able to add any other IDs or classes to the markup before the script runs
Extra notes:
Simon C.
100% (22)Projects Completed
19
Freelancers worked with
15
Projects awarded
38%
Last project
14 Jul 2022
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies