Dynamically switch the page translation | XM Community
Skip to main content

Dynamically switch the page translation

  • April 16, 2019
  • 3 replies
  • 216 views
w.patrick.gale
Level 3 ●●●
Forum|alt.badge.img+13
If you wish to automatically change the language selection for the survey using javascript you can simply use: jQuery("select[id='Q_lang']").val([language code here]); // change [language code here] to "ES" or whatever translation code you wish to switch to jQuery("select[id='Q_lang']").trigger( "change" ); Below is a use case for changing the page translation based on the selected response to a question: var qid=this.questionId; // current question ID var objResponseOpt = jQuery("select[id='QR\\~"+qid+"']"); // current selection list object // listen for changes to the selection list objResponseOpt.on('change',objResponseOpt,function (e) { responseChange(e); }); function responseChange(e) { if (typeof e.isTrigger == 'undefined') { // change the language selector depending on selected list option if (e.currentTarget.options.selectedIndex==1 || e.currentTarget.options.selectedIndex==4) { jQuery("select[id='Q_lang']").val("ES"); jQuery("select[id='Q_lang']").trigger( "change" ); } else { jQuery("select[id='Q_lang']").val("EN"); jQuery("select[id='Q_lang']").trigger( "change" ); } } }

3 replies

K
Forum|alt.badge.img
  • katelynt
  • February 22, 2021

I am trying to implement this in Question JS - so I can conditionalize the language set based on another passed through variable (and while I'm sure there's a way to do that in the jquery, I'm not the most savvy there). However, when I add the text there I'm getting an Unexpected Token error. Any thoughts?

Qualtrics.SurveyEngine.addOnload(function() {
   jQuery("select[id='Q_lang']").val("EN-GB"]);
});

I tried changing jQuery to $$ - I tried changing Q_lang to Q_language but nothing worked.

K
Forum|alt.badge.img
  • katelynt
  • February 22, 2021

Aha - I had a rogue ] after the language - still trying to troubleshoot - will update here if I figure it out.

Q
Forum|alt.badge.img

Hello: how would you do a conditional statement based on the language selected? I can get it to recognize the default language, but it doesn't apply to the language changed to. For example, if my default language was English, the proper output displays. If I change to Spanish using the following, it does not change.
var language = "This is English";
if(jQuery("select#Q_lang").val() == 'ES-ES') {  
var language = "This is Spanish";
} 
jQuery('#demo').html(language);

kg96
Terms & ConditionsAccessibility statement