Как получить значение слайдера на Qualtrics?

Question

Я пытаюсь отобразить значение выбора ползунка в Qualtrics.

Я перепробовал все предложенные здесь решения: Как получить значение слайдера в Qualtrics с помощью jQuery?

Мне особенно интересно иметь возможность выполнять операции с выбранным значением. Например, если кто-то выбирает значение 50 (от 0 до 100). Я хотел бы показать это значение, умноженное также на 5 (250).

Кроме того, я хотел бы показать значения ползунка под ползунком, а не в текстовом поле ниже.

Ниже приведен код, который я скопировал из другого вопроса. Проблема в том, что значение не корректируется при перемещении ползунка.

Qualtrics.SurveyEngine.addOnload(function() {
/*Place your JavaScript here to run when the page loads*/
var result=0;
var otherend= 0;

this.questionclick = function(event,element){
result = this.getChoiceValue(1);
endupdate();
document.getElementById("otherend").innerHTML=otherend;
document.getElementById("result").innerHTML=result;
}

function endupdate() {
   otherend=100-result;
}
 }); 

Вот предварительный просмотр моего опроса: https://rady.ca1.qualtrics.com/jfe/preview/SV_d1254aUFRjR2yLH?Q_SurveyVersionID=current&Q_CHL=preview

Не могли бы вы помочь мне понять, почему отображаемое значение не адаптируется при перемещении ползунка? Спасибо

Answer 1

Спасибо за напоминание.Я разместил вопрос в сообществе Qualtrics и получил большую помощь.Я предлагаю использовать этот форум, когда у вас есть вопросы Qualtrics.

Ниже приводится JS

Qualtrics.SurveyEngine.addOnReady(function()
{
    /*Place your JavaScript here to run when the page is fully displayed*/
var that=this.questionId;
    jQuery("<p style='width:400%'> \
                    <br><strong><u>PARTICIPANT A</u> gets <span id='currA'>0 \
                    </span> points</strong> worth 1 cent each. \
                    She gets <u><span id='totalA'>0</span></u> cents</p>").insertAfter("tr.First");
 //   jQuery("<p style='width:100%'><span id='currB'>0</span> points for <u>PARTICIPANT B</u> worth 2 cent each. She gets <u><span id='totalB'>0</span></u> cents</p>").insertAfter("tr.First");
    jQuery(document).on('change', function(){

        var A=parseInt(jQuery("[id='"+that+"~1~result']").val());
        jQuery("#currA").text(A);
        jQuery("#totalA").text(A);
   /*     var B=parseInt(jQuery("[id='"+that+"~2~result']").val());
        jQuery("#currB").text(B);
        jQuery("#totalB").text(B*2);    
*/
    });
});