Cart Licenses Contact Support Online Creator Login/Register
Try
Free
v 1.9.38

Multilanguages


                        
        
            Survey.StylesManager.applyTheme("defaultV2");
        



                
                    var json = {
 locale: "de",
 pages: [ { name: "page1", elements: [
    {
     type: "matrixdropdown",
     choices: [
      {
       value: 5,
       text: {
        default: "5 (the best)",
        de: "5 (Das beste)"
       }
      }, 4,  3, 2,
      {
       value: 1,
       text: {
        default: "1 (the worst)",
        de: "1 (Das Schlechteste)"
       }
      }
     ],
     columns: [
      {
       name: "rate",
       title: {
        default: "Rating",
        de: "Bewertung"
       }
      }
     ],
     name: "favoriteMovie",
     rows: [ {value: "moonlight", text: "Moonlight" },
      {
       value: "zootopia",
       text: {
        default: "Zootopia",
        de: "Zoomania"
       }
      },
      { value: "water", text: "Hell or High Water" },
      { value: "manchester", text: "Manchester by the Sea" }, {value: "lalaland", text: "La La Land" }
     ],
     title: {
      default: "Please rate these movies",
      de: "Bitte bewerten Sie diese Filme"
     }
    }
   ]
  }
 ]
};

                    window.survey = new Survey.Model(json);
                
        
            survey.onComplete.add(function(sender) {
            document.querySelector('#surveyResult').textContent =
            "Result JSON:\n" + JSON.stringify(sender.data, null, 3);
            });
        
        
            $("#surveyElement").Survey({
            model: survey 
            });
        

                    
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Multilanguages, jQuery Survey Library Example</title>
    
<meta name="viewport" content="width=device-width" />
    <script src="https://unpkg.com/jquery"></script>
    <script src="/DevBuilds/survey-jquery/survey.jquery.min.js"></script>
    <link href="/DevBuilds/survey-core/defaultV2.min.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">

</head>
<body style="margin: 0">
    
            <div id="surveyElement" style="display:inline-block;width:100%;">
            </div>
    <div id="surveyResult"></div>

<script type="text/javascript" src="./index.js"></script>

</body>
</html>

As you see all string properties can be represented as a json object, where key is a locale. If there is no translation for the selected locale then the 'default' value is used, or the first one, if default doesn't exist as well.

Settings

Locale:

survey.locale = yourvalue;

Dismiss

Tell us what you think

Help us serve you better by taking this brief
survey. We are interested to learn more about
your experience of using our libraries.

We'd really appreciate your feedback.

Approximate time to complete: 2 min.

Start the survey