I have a simple dropdown with 10 options. I need to allow the user to add (in a separate field) an 'other' option. I only what the field to be shown if 'other' is chosen in the dropdown. Tried this and it doesn't work http://fabrikar.com/forums/index.php?threads/dropdown-option-to-display-hidden-field.28375/
-
New Commercial Services Section
We have now opened a commercial services section here on the forum for registered users. If you have a Fabrik project that you wish to have someone work on for you, post it under Help Wanted. If you are an application developer and wish to earn some money helping others, post your details under Fabrik Application Developers.
Both of these are unmoderated. It will be up to both parties to work out the details and come to an agreement.
-
Joomla 5.1
For running J!5.1 you must https://fabrikar.com/forums/index.php?wiki/update-from-github/ or include the new file manually https://fabrikar.com/forums/index.php?threads/joomla-5-1-and-fabrik-cannot-find-files-error.54473/post-285151 See also Announcements
dropdown option show hidden field
- Thread starter prophoto
- Start date
cheesegrits
Support Gopher
Looking now.
-- hugh
-- hugh
cheesegrits
Support Gopher
OK ... should be working.
You had element #19 set to hidden in the main element properties. This actually makes the element totally hidden, so it's "input type=hidden", and cannot then be shown via JS. And you only had one JS event, to hide #19 when 'other' is selected, you didn't have anything set up to hide it again if something other than 'other' is selected.
It's not entirely obvious, but to do what you want requires three JS events:
on change: show #19 if value == other
on change: hide #19 if value != other
on load: hide #19 if value != other
If you find that the 'change' event doesn't work in all browsers, you can use 'click' instead. For example, some earlier versions of IE don't correctly handle 'change' events.
If you have a look at how I've set up element #3, you should be able to do element #4 yourself. Just shotu if you have any issues with it.
-- hugh
You had element #19 set to hidden in the main element properties. This actually makes the element totally hidden, so it's "input type=hidden", and cannot then be shown via JS. And you only had one JS event, to hide #19 when 'other' is selected, you didn't have anything set up to hide it again if something other than 'other' is selected.
It's not entirely obvious, but to do what you want requires three JS events:
on change: show #19 if value == other
on change: hide #19 if value != other
on load: hide #19 if value != other
If you find that the 'change' event doesn't work in all browsers, you can use 'click' instead. For example, some earlier versions of IE don't correctly handle 'change' events.
If you have a look at how I've set up element #3, you should be able to do element #4 yourself. Just shotu if you have any issues with it.
-- hugh
cheesegrits
Support Gopher
cheesegrits
Support Gopher
Which "bootstrap display option" are you referring to?
-- hugh
-- hugh
cheesegrits
Support Gopher
If you mean the 'bootstrap' template, I just set the form to use the 'bootstrap-tabs' template (as per one of your other threads) and it seems to work OK?
-- hugh
-- hugh