JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Updating textbox value when Slider data is changed and vice versaAsked by checkrecheck on April 19, 2015 at 09:11 AM
I have tried using the slider widgets you provide and they all work fine. I wanted to know whether it's possible to have an additional text box field next to the slider that updates itself as the slider is moved back or forth. I would also like to do the opposite, so that a number is put in the text box and the slider adjusts accordingly. With which widget would this be possible? Thank you
Update: I am now set on using the widget 'Slider'. Additionally I have created a text box (with numerical entries allowed only, named 'numbers').
I have set up a condition using 'update a form field value', and set it in the following way:
IF slider is FILLED
output to field
Now when I slide the slider, the 'numbers' text box updates automatically, which is great! However, I also want to be able to do the opposite, so that when the numbers in the 'numbers' box are changed, the slider position changes too. Could you please help me with this? :) It is highly appreciated!
Before you posted your answer, I created a demo that has a condition exactly like that. However, it is now irrelevant because you've already discovered it.
Unfortunately, you cannot include the slider widget as an output in the calculation. So your 2nd inquiry is not possible.
Thank you for your reply. Is there a workaround? Possibly creating your own slider or something in that direction? I ask because it is quite odd for a visitor to enter a number in the text box while the slider stays stuck on another random number.
If that's the case then I would recommend you making the result text box not editable. You can do that by enabling the "Read Only" mode in the specific text box field.
Thanks for your reply. However this would not be possible as a specific number of words must be selected, hence a text box in order to fill in numbers is a must...
I've found the following examples:
Let us know if you need further assistance.