Hello!I have a form field question and I need one of those fields to be a drop-down list with 5-7 options. I searched in other posts and the one that has the most interactions is this one but the QSF from the best answer is not there anymore, so I found no clear solution for this issue. Thanks in advance for the help!

Try using the below instead. It selects the form to be hidden based on ID instead of index of InputText.var that=this.questionId;var form3 = document.getElementById("QR~"+that+"~3");var pipe3 = this.getTextValue(3);var element="<select id='s3'><option></option><option value='Entry 1'>Entry 1</option><option value='Entry 2'>Entry 2</option><option value='Entry 3'>Entry 3</option><option value='Entry 4'>Entry 4</option><option value='Entry 5'>Entry 5</option></select>";jQuery(element).insertAfter(form3);jQuery(form3).hide().val(pipe3);jQuery("#s3").val(pipe3);var select3 = document.getElementById("s3");select3.addEventListener('input', function (event) {jQuery(form3).val(jQuery("#s3 option:selected").text());}, false);

Hi, I went through that thread and made a couple tweaks to the solution I found in one of thecomments there. The idea is that an input field is hidden and a select element is inserted in its place. Then the text value of whatever is selected gets set as the value for the hidden input field.To give it a try, create a Form Field question type and give it 3 fields. Then to change the 3rd field into a dropdown with 5 answer options, add the below to the question's JavaScript in the OnReady section:var that=this.questionId;var pipe3 = this.getTextValue(3);var element="<select id='s3'><option></option><option value='Entry 1'>Entry 1</option><option value='Entry 2'>Entry 2</option><option value='Entry 3'>Entry 3</option><option value='Entry 4'>Entry 4</option><option value='Entry 5'>Entry 5</option></select>";jQuery(element).insertAfter("#"+that+" .InputText:eq(2)");jQuery("#"+that+" .InputText:eq(2)").hide().val(pipe3);jQuery("#s3").val(pipe3);var select3 = document.getElementById("s3");select3.addEventListener('input', function (event) {jQuery("#"+that+" .InputText:eq(2)").val(jQuery("#s3 option:selected").text());}, false);You might also check out using select2to make searchable dropdowns. There’s a post on it here. Just remove the parts about multiple: true and make some of the tweaks I made above with pipe3 to support the back button.

How to Include a drop-down list within a form field question type

How to Include a drop-down list within a form field question type | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded