You may use {questionName} in your question title, descrpiption, choices, columns, rows and html properties, jQuery Survey Library Example

Question.choices text processing

Edit in Plunker

Open in new window

Export Pdf

Result
JavaScript
HTML
QR Code


                        
        
            Survey.StylesManager.applyTheme("orange");
        


            
                var json = {
  questions: [
    {
      "type": "panel",
      "name": "contactinfo",
      "title": "Contact Information",
      "isRequired": true,
      "elements": [
        {
          "type": "text",
          "name": "email",
          "inputType":  "email",
          "title": "E-mail:"
        },
        {
          "type": "text",
          "name": "phone",
          "inputType":  "tel",
          "title": "Phone:"
        },
        {
          "type": "text",
          "name": "skype",
          "title": "Skype:"
        }
      ]
    },

    {
      type: "checkbox",
      name: "contactby",
      title: "How do you want us to contact you?",
      isRequired: true,
      "visibleIf": "{email} notempty or {phone} notempty or {phone} notempty",
      "colCount": 1,
      "hasOther": true,
      choices: [
        {
          "value": "email",
          "visibleIf": "{email} notempty",
          "text": "By e-mail: {email}"
        },
        {
          "value": "phone_voice",
          "visibleIf": "{phone} notempty",
          "text": "By phone (voice): {phone}"
        },
        {
          "value": "phone_sms",
          "visibleIf": "{phone} notempty",
          "text": "By phone (sms): {phone}"
        },
        {
          "value": "skype",
          "visibleIf": "{skype} notempty",
          "text": "By skype: {skype}"
        }
      ]
    }
  ]
};

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>You may use {questionName} in your question title, descrpiption, choices, columns, rows and html properties, jQuery Survey Library Example</title>

<meta name="viewport" content="width=device-width" />
    <script src="https://unpkg.com/jquery"></script>
<script src="https://surveyjs.azureedge.net/1.8.3/survey.jquery.js"></script>
<link href="https://surveyjs.azureedge.net/1.8.3/survey.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">

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

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

</body>
</html>

Question.choices text processing

You may use {questionName} in your question title, descrpiption, choices, columns, rows and html properties

Why We Use Cookies