Question Javascript doesn't work when I move it into a new survey

Question

Hi everyone, I have the JS below in a question and it works fine in the original survey, but when I move the question into another survey, the Javascript still shows up in the survey builder but it doesn’t work in preview. Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnReady(function() {        var text_placeholder = 'Good things or people you can feel grateful about, and why.'        jQuery("#question-"+this.questionId+" textarea").attr("placeholder", text_placeholder);    });Qualtrics.SurveyEngine.addOnUnload(function(){    /*Place your JavaScript here to run when the page is unloaded*/}); Thanks for your attention,Benji

chackbusch · Accepted Answer

@benji7000Please check how the question is set up in your other survey. Is it specified with exactly the same details?The only issue I see is this part:jQuery("#question-"+this.questionId+" textarea")Usually the IDs do not start with “question” but rather looks like this:You can check the developer tools of your browser (usually F12) to find out the ID of the text area and then do something like:var textarea = document.getElementById("myTextareaId");If you only have one textarea HTML element on the page, you can also use (takes the first textarea element on the page):var textarea = document.querySelector("textarea");Putting everything together…Try this:Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnReady(function() {    var text_placeholder = 'Good things or people you can feel grateful about, and why.'var textarea = document.querySelector("textarea");if (textarea) {textarea.setAttribute("placeholder", text_placeholder);}   //  jQuery("#question-"+this.questionId+" textarea").attr("placeholder", text_placeholder);});Qualtrics.SurveyEngine.addOnUnload(function(){    /*Place your JavaScript here to run when the page is unloaded*/});For me it correctly sets the placeholder:BestChristian

Deepak · Answer

The below should work for alllayouts other than the simpleQualtrics.SurveyEngine.addOnReady(function(){/*Place your JavaScript here to run when the page is fully displayed*/  var text_placeholder = 'Good things or people you can feel grateful about, and why.'    jQuery("#"+this.questionId+" .InputText").attr("placeholder", text_placeholder);});

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded