Dynamically update slider scale text

Question

Based on the exchange here, I am using JavaScript to capture the value of a sliding scale and to dynamically display that value in the question text. Here is a screenshot in which the question text displays the current value of the slider scale: The HTML of the question text includes the following code:

I would ideally like to dynamically display the value of the sliding scale within the scale labels (directly above “0” and “100”) rather than in the question text. However, when I place the code above into the scale labels, the value of the slider does not show up. Any help would be much appreciated!

Shashi · Accepted Answer

I think adding the HTML in label should solve it.

msk92 · Answer

Although the HTML originally did not work when I placed it in the scale labels, it turns out that this is because the JavaScript I used can only dynamically update the value in one place at a time. So when I add the HTML to the scale labels, AND remove it from the question text, the HTML now displays the value in the scale labels as intended.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded