Qualtrics: Hide/Show Next Question Based On Drop-Down. #qualtrics #js #jq #dropdown #select #hide #show #next

showHideNextQonDropDown.js

Qualtrics.SurveyEngine.addOnload(function () {
	//Hide or show next question based on drop down (select)
	var q = jQuery("#"+this.questionId);
	var next = q.nextAll('.Separator:first, .QuestionOuter:first');     //next separator & question
	var select = q.find('select:first');         //select element
	hideShow(select.get(0));   //initialize to support prev button
    	select.on('change', function() { hideShow(this); });

    	function hideShow(selEl) {
		var selIdx;
		(selEl.selectedIndex < 0) ? selIdx = 0 : selIdx = selEl.selectedIndex;  
		var selText = selEl.options[selIdx].text;
		if (selText == 'Others' || selText == '') next.hide();
		else next.show();
        	selEl.blur();
	}
});

See additional Qualtrics solutions at: https://qualtricswiki.tgibbons.com/doku.php