Is it possible to change the "Next" button to "Finish" based on embedded data? | XM Community
Skip to main content

Background: I took the info I found here: https://community.qualtrics.com/custom-code-12/is-it-possible-to-change-the-next-button-to-finish-based-on-embedded-data-18014?postid=41891#post41891 …

I have essentially two versions of a survey:

  1. Version 1: ends at Question 10 if ${e://Field/Acquisition} is blank
  2. Version 2: continues with Questions 11-20 if ${e://Field/Acquisition} is Yes

On Question 10, I added this JavaScript:

Qualtrics.SurveyEngine.addOnReady(function() {
if("${e://Field/Acquisition}" != "null"){
var newName = 'Submit'; //Update - New Next Button label
var lastLoopOnly = true; //Last loop only? Value doesn't matter to non-loops
//No changes below
if(!lastLoopOnly || "${lm://CurrentLoopNumber}" == "${lm://TotalLoops}") {
var nb = jQuery('#NextButton');
nb.val(newName);
nb.attr('title', newName);
}
}
});

I added this JavaScript because Version 1 should have a “Submit” button on the page showing Question 10 whereas Version 2 should have a “Next” button. 

Problem: Version 1 is showing “Submit” which is great -- but Version 2 is showing “Submit” too and it should show “Next”. 

What am I doing wrong? 

@Rfredman, tagging you as the post in the first line above is yours. 

If you don’t have loop and merge on Q10 block then following code should work for you:

if("${e://Field/Acquisition}"==""){
		jQuery('#NextButton').attr("title","Submit").val("Submit");
	}

 

Thanks, @Shashi! I took your code and fed it into my good friend Google Gemini to also account for the fact that I realized I need to change the label if Acquisition=No too. For posterity’s sake, here is the final code that worked!:

Qualtrics.SurveyEngine.addOnReady(function() {
  if ("${e://Field/Acquisition}" === null || "${e://Field/Acquisition}" === "" || "${e://Field/Acquisition}" === "No") {
    jQuery('#NextButton').attr("title", "Submit").val("Submit");
  }
});

 

@Shashi (or others), I just realized that the button correctly says ‘Submit’ in English as it should, but I also have a French Canadian version of the survey. Is it possible to modify the Javascript to have the button say ‘Submit’ in the English version but ‘Soumettre’ in the French Canadian version?  

@happychuck77 Add a Q_Language embedded data at the beginning and listen to the value of it to change the JS. Check for the Language code here
https://www.qualtrics.com/support/survey-platform/survey-module/survey-tools/translate-survey/#AvailableLanguageCodes

Thank you, @Nam Nguyen ! 

Leave a Reply


Terms & Conditions