Javascript to auto advance on click for single select box question | XM Community
Skip to main content
Hi all,

I was wondering if it is possible to get a survey to advance to the next question upon clicking a selection from a select box. I've tried using the following code from Alex B in https://www.qualtrics.com/community/discussion/14/how-to-set-auto-advance-on-my-survey

`Qualtrics.SurveyEngine.addOnload(function()
{
var that = this;
this.questionclick = function(event,element){
if (element.type == 'radio') {
that.clickNextButton();
}
}
});`

But, this code only seems to work for regular Qualtrics questions and not select boxes.

Please let me know! Thanks!
Yes, add a change event handler to the select box.
```javascript
Qualtrics.SurveyEngine.addOnReady(function() {
var that = this;
this.questionclick = function(event, element) {
var qClass = element.classList[0];
if (qClass == 'Selection') {
that.clickNextButton();
}
}
});
```
Hi TomG! Thanks for your response.

I'm a little new to using Javascript and was hoping for just a bit more guidance on this. I tried using this code from: https://www.qualtrics.com/community/discussion/1088/javascript-or-jquery-change-event

`Qualtrics.SurveyEngine.addOnReady(function()
{
var qid = this.questionId;
this.disableNextButton();
this.hideNextButton();
var that = this;
jQuery( "select[name='QR\\~"+qid+"']").change(function(){
if (jQuery( "select[name='QR\\~"+qid+"']").val() != '') {
that.clickNextButton(); // move to the next page
}
}
);
});`

This code works, but it advances the following question automatically as well. Is there a way to prevent this?

Thanks!
> @hsteinmetz said:
> This code works, but it advances the following question automatically as well. Is there a way to prevent this?
I think that's because you're in preview mode. It is clicking Next for each frame.

Leave a Reply


Terms & Conditions