How can I put a drop-down list in a form question field?

Never mind, figured it out! :)

Thanks for providing the QSF file uhrxx005. Super helpful. Quick follow-up question. What part of the code do you modify to change which response option has the dropdown menu? I'm not a coder and am having a little trouble identifying the change required.

https://www.qualtrics.com/community/discussion/comment/26473#Comment_26473dkennedy this is code I'm using; the highlighted portions are where the drop down options are declared.

https://www.qualtrics.com/community/discussion/comment/18149#Comment_18149Hi uhrxx005 thanks very much for the file. I've discovered a problem however in that when you have a validation on the page (it can be another question or the same), when the validation message appears, the page is refreshed (perhaps redrawn) but the selection is then lost in the field that you have the drop down associated with.

This pic shows that in your example file I've placed a validation on Field 2.
I complete Field 3 using the drop down .
The I click next
You can see that the entry in Field 3 has disappeared.
Hope you can help with a fix. I've tried to work out if it's possible to check if the original text box is populated already and if so select the entry in the drop down but my javascript is not good enough to figure that out and also I'm wondering if that might cause some sort of circular reference.

Hope you can help

Thanks

Rod Pestell

Hi uhrxx005 , thanks for the reply. I'll reach out to someone in the forum then. Out of interest, was the source from another website, if so please could yo share that with me as it might be best to talk to the person you got the code from in the first place.
Thanks

Rod

Thank you for the thread! This was most informative.

I am newbie. I too want to create a formfield which has a dropdown list. I see that there is some code in this thread which seemed to have worked for everyone. My question - How do I open the QSF file and how do I use it?

Thank you Rod_Pestell

Sounds like Javascript needs to be enabled for your account or in the survey or something. You might have to reach out to Qualtrics support for that. It will be a setting in the user type no doubt but it might also depend on you level of account.

I created a form field that is using javascript from the community link below. It is working great when I tested it on the original question (meaning the options show up and I can select the right ones). I am re-using this question multiple times in the survey and so I just duplicated the question (which also worked great to display the response).
When I checked the response data I noticed that the additional questions are displaying what was recorded in the 1st question and not in the subsequent responses. (i.e. I select age of child 1 (1st question)=10, 2nd child (2nd question)=15. The fields generate the correct answers in the survey, but the response data in Data & Analysis only shows age=10 for both child 1 & 2.
These are all listed on the same page and expand from child 1 up to child 10 (depending on how many children the person selected in previous question)
I assume there is something I need to change for each question so that the response data, piped text, and future embedded data knows what was in the field of each question and doesn't reference the 1st response choices. I'm still a pretty new person to javascript, so any guidance would be appreciated. Thanks.

This code works beautifully!
I am wondering if it is possible to combine this with some code for a default choice based on an embedded data field?
For example, the code below works for a a standard drop-down question:
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Adds default to dropdown question choice based on embedded field*/
var select = jQuery("#"+this.questionId+" select");
if("${e://Field/track}" == "Alt 1") select.val("1");
if("${e://Field/track}" == "Alt 2") select.val("2");
if("${e://Field/track}" == "Alt 3") select.val("3");
if("${e://Field/track}" == "Alt 4") select.val("4");
if("${e://Field/track}" == "Alt 5") select.val("5");

});

Would there be a way to combine it with the code to add a dropdown to a form question? (I am adding the code shared in this thread below for convenience so people don't have to download and import the qsf file)
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Creates dropdown lists for form text entry boxes*/
var that=this.questionId;
var element="Entry 1 Entry 2Entry 3Entry 4Entry 5";
  jQuery(element).insertAfter("#"+that+" .InputText:eq(2)");

  jQuery("#"+that+" .InputText:eq(2)").hide();
  jQuery("#"+that+" .InputText:eq(2)").val(jQuery("#s1 option:selected").text());

  jQuery("#s1").on('change',function(){
  jQuery("#"+that+" .InputText:eq(2)").val(jQuery("#s1 option:selected").text());
  });

});

Any help is much appreciated!