Display text field on button toggle

Question

Hi Guys,I’m trying to display the text entry field only when the button is clicked. The above image represents my actual view where in the text entry field(of Qualtrics) is only displayed when the user clicks on comment button.I’m actually trying to achieve this using Javascript .Below is initial Javascript code I used  but for some reason this doesn’t seem to work as expected. I Appreciate some help here Thank You!. Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/    var questionId = 'QR~QID2';    var commentId='comment';     var inputElement = document.getElementById(questionId);    var cmnt=document.getElementById(commentId);     inputElement.hide();    $(document).ready(function(){     $(commentId).onclick(function(){       inputElement.slideToggle("fast");  });    }); });

Tom_1842 · Accepted Answer

TomG's comment in this thread has links to relevant w3schools pages for HTML, CSS, JavaScript, and jQuery.I would also recommend TomG's JavaScript Qualtrics solutions on this pageto get an idea of some of the interesting things that can be done with JavaScript in Qualtrics.A similar page with JavaScript Qualtrics solutions is on this page that I think belongs to ahmedA.Finally, the Qualtrics JavaScript question API documentation.

Tom_1842 · Answer

One way to approach this is to create a Text Entry question and use the Rich Content Editor’s HTML/Source view “<>” to update the Question Text with the below:Then, add the below to the question’s JavaScript in the OnLoad section:var qid = this.questionId;var button = document.getElementById("commentButton");jQuery("#"+qid+" .InputText").hide();button.onclick=function() {jQuery("#"+qid+" .InputText").toggle();};Each time the button is clicked, the Text Entry field will toggle between hidden and shown.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded