Survey.StylesManager.applyTheme("default");
var json = {
"title": "Cancellation Survey",
"description": "Thank you for using our service. We would highly appreciate if you would take the time to fill our cancellation survey. This would help us improve the service.",
"pages": [
{
"name": "page1",
"elements": [
{
"type": "radiogroup",
"name": "using_duration",
"title": "How long have you been using the service?",
"choices": [
"Less than a month",
"1-6 months",
"7-12 months",
"1-3 years",
"Over 3 years"
]
},
{
"type": "radiogroup",
"name": "using_frequency",
"title": "How often did you use the service?",
"choices": [
"Once a week",
"2 or 3 times a month",
"Once a month",
"Less than once a month"
]
},
{
"type": "radiogroup",
"name": "cancel_reason",
"title": "What was the main reason for cancelling the service?",
"hasOther": true,
"choices": [
"No longer need it",
"It didn't meet my needs",
"Found a better alternative",
"Found a cheaper alternative",
"Quality was less than expected",
"Ease of use was less than expected",
"Access to the service was less than expected",
"Customer service was less than expected"
]
},
{
"type": "radiogroup",
"name": "satisfaction",
"title": "Overall, how satisfied were you with the service?",
"choices": [
"Very Satisfied",
"Satisfied",
"Neutral",
"Unsatisfied",
"Very Unsatisfied"
]
},
{
"type": "matrix",
"name": "future_using",
"titleLocation": "hidden",
"columns": [
"Definitely",
"Probably",
"Not Sure",
"Probably Not",
"Definitely Not"
],
"rows": [
{
"value": "use_in_future",
"text": "Will you use our service in the future?"
},
{
"value": "recommend",
"text": "Will you recommend our service to others?"
}
]
},
{
"type": "comment",
"name": "service_improvements",
"title": "How can we improve our service?"
}
]
}
],
"showQuestionNumbers": "off"
};
window.survey = new Survey.Model(json);
survey.onComplete.add(function(result) {
document.querySelector('#surveyResult').textContent =
"Result JSON:\n" + JSON.stringify(result.data, null, 3);
});
survey.render("surveyElement");