Hi -I’ve seen similar questions in the community but have yet to find a satisfactory answer. I’m trying to hide both the text (Please specify) and the text entry box for an MC question. Here’s an example below - Who helped you move?A. ParentB. Friend(s)C. SpouseD. SiblingE. Other (Please specify:) [TEXT ENTRY BOX HERE]I'd like the "Please specify:" text and the text entry box to only be displayed when option E is selected. Is this possible in Qualtrics? I have the code to hide the text entry box until that option is selected. And I can hide the “Please specify” text using this in combination with the html tagQualtrics.SurveyEngine.addOnload(function(){ jQuery("#hideable-text").hide();}); What I can’t figure out is how to show the “Please specify” when the option is selected. I’m sure it’s an easy fix but I don’t know enough JS to figure it out. This is what I’m using to hide the text box. I’m assuming I need to add something to this to show both the box and the “hidden” text.Any help would be appreciated. Qualtrics.SurveyEngine.addOnReady(function(){ var QID= this.questionId;jQuery("#" + QID + " .InputText ").hide();jQuery("#" + QID + " input[type='radio']").each(function(){if(jQuery(this).prop("checked") == true){var v1 = jQuery(this).attr("id");jQuery("[id*='"+v1+"~TEXT']").show();}else{var v1 = jQuery(this).attr("id");jQuery("[id*='"+v1+"~TEXT']").val('');jQuery("[id*='"+v1+"~TEXT']").hide();}});jQuery("#" + QID + " .Selection ").on("click change",function(){jQuery("#" + QID + " input[type='radio']").each(function(){if(jQuery(this).prop("checked") == true){var v1 = jQuery(this).attr("id");jQuery("[id*='"+v1+"~TEXT']").show();}else{var v1 = jQuery(this).attr("id");jQuery("[id*='"+v1+"~TEXT']").val('');jQuery("[id*='"+v1+"~TEXT']").hide();}});});

Hi @ebony_haley618this is possible. The easiest way is to wrap the “Please specify:” text in a tag with an id, and then toggle its visibility along with the text box using JavaScript.Step 1: Modify the label text like this:Please specify:So your option E should look like:E. Other (Please specify:) [TEXT ENTRY HERE]Step 2: Use this full JavaScript in the question’s “Add JavaScript” window:Qualtrics.SurveyEngine.addOnReady(function() { var QID = this.questionId; // Hide both initially jQuery("#" + QID + " .InputText").hide(); jQuery("#please-specify-text").hide(); jQuery("#" + QID + " input[type='radio']").on("click change", function() { var selected = jQuery(this).prop("checked"); var choiceText = jQuery(this).closest("li").text(); if (selected && choiceText.includes("Other")) { jQuery("#" + QID + " .InputText").show(); jQuery("#please-specify-text").show(); } else { jQuery("#" + QID + " .InputText").hide().val(''); jQuery("#please-specify-text").hide(); } });});Let me know if it doesn’t work as expected.-- Rochak

How to display text entry box with a text on its left only when the option selected

How to display text entry box with a text on its left only when the option selected | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded