How to hide a question after it is answered

Question

I am trying to set up a study within Qualtrics where participants can only see one question at a time. So, I need question 1 to disappear after it is answered and question 2 to appear. Then, I need question 2 to disappear after it is answered and question 3 to appear, etc.  I cannot separate them with page breaks because I need there to be a 2-minute time limit and the timer question only works at the page level and not the block level. I know with JavaScript you can implement a block level timer; however, this appears to be limited to “click next” at time 0, which would keep participants in the same block if there were questions remaining versus advancing them to the next block. Thanks for any help that you can provide!

Tom_1842 · Accepted Answer

The below works okay on my end. Create 3 Text Entry questions and add in-page display logic to the second and third questions so that they only display if the previous text entry is not empty. Then, add the below to each of the question's JS in the OnReady section. It will hide the text entry question once the input is unfocused but only if a value exists.var quest = document.getElementById(this.questionId);var input = document.getElementById("QR~"+this.questionId);input.onblur = function(event) {if (input.value !== "") {quest.style.display = 'none';}}

Shashi · Answer

If we only have single select question and no text entry or any option with text entry, then we can use below code:Qualtrics.SurveyEngine.addOnload(function (){    this.questionclick = function(event,element)    {if (element.type == 'radio')        {            jQuery("#"+this.questionId).hide();        }    }});

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded