Does the “New Survey Experience” require doing something additional to make jQuery work? | XM Community
Skip to main content
Solved

Does the “New Survey Experience” require doing something additional to make jQuery work?

  • June 16, 2025
  • 5 replies
  • 194 views
J
Forum|alt.badge.img+2

 

I switched a survey over to the “New Survey Experience.” In the prior survey version, the javascript that I used in the question to create an embedded variable works as expected. I’ve included the query below. When I switched to the “New Survey Experience” the embedded variable is no longer being created and I get the following errors in the console: “Error executing custom js: ReferenceError: o is not defined” and “Listener must be a named function”.

Does the “New Survey Experience” require doing something additional to make jQuery work?

Qualtrics.SurveyEngine.addOnPageSubmit(function() {
  var essayText = jQuery("#" + this.questionId + " .InputText").val();
 var htmlText = essayText.replace(/\n/g, "<br>");
 Qualtrics.SurveyEngine.setEmbeddedData("FormattedResp", htmlText);
});

Best answer by vgayraud

Hi,

Try the following for a new survey taking experience version that doesn’t require jQuery:

Qualtrics.SurveyEngine.addOnPageSubmit(function () {

  var textarea = document.querySelector("#question-" + this.questionId + " .text-input");
  var htmlText = textarea ? textarea.value.replace(/\n/g, "<br>") : "";
  Qualtrics.SurveyEngine.setJSEmbeddedData("FormattedResp", htmlText);

});

Your survey flow should look like this:

 

5 replies

vgayraud
QPN Level 6 ●●●●●●
Forum|alt.badge.img+58
  • vgayraud
  • QPN Level 6 ●●●●●●
  • 549 replies
  • June 16, 2025

Hi,

You need to include jQuery from a CDN in your survey or theme header in the new survey experience.

Your code will need to be updated as well. Elements names, classes and IDs are not the same. setEmbeddedData method is not usable anymore either, you’ll need to use setJSEmbeddedData and prefix your EDs with __js_ to access them in your custom code. See the question API for usage.

Vincent Gayraud
J
Forum|alt.badge.img+2
  • Jenna_R
  • Author
  • 2 replies
  • June 16, 2025

Thanks for the additional information. It still didn’t work. This is the script that I had used in my survey header (source).

 <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script type="text/javascript">Qualtrics.SurveyEngine.addOnReady(function() { jQuery('#Plug').attr('style', 'display:none !important');});</script>

 

Do you have recommended changes? (I had just found it online when I searched how to load jQuery from a CDN, so it could be way off.)

 

 

vgayraud
QPN Level 6 ●●●●●●
Forum|alt.badge.img+58
  • vgayraud
  • QPN Level 6 ●●●●●●
  • 549 replies
  • Answer
  • June 17, 2025

Hi,

Try the following for a new survey taking experience version that doesn’t require jQuery:

Qualtrics.SurveyEngine.addOnPageSubmit(function () {

  var textarea = document.querySelector("#question-" + this.questionId + " .text-input");
  var htmlText = textarea ? textarea.value.replace(/\n/g, "<br>") : "";
  Qualtrics.SurveyEngine.setJSEmbeddedData("FormattedResp", htmlText);

});

Your survey flow should look like this:

 

Vincent Gayraud
vgayraud
QPN Level 6 ●●●●●●
Forum|alt.badge.img+58
  • vgayraud
  • QPN Level 6 ●●●●●●
  • 549 replies
  • June 17, 2025

And since we’re at it, here’s the fix for your #Plug:

 

Vincent Gayraud
J
Forum|alt.badge.img+2
  • Jenna_R
  • Author
  • 2 replies
  • June 17, 2025

That worked! Thank you so much!!


Terms & ConditionsAccessibility statement