Array question with answers in dropdown boxes

More
4 years 2 months ago - 4 years 2 months ago #94907 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes

File Attachment:

File Name: dropdown.txt
File Size:27 KB

Thank you Mazi,

attached find the java script and the question in .lsq format. Again, in columns 2 and 3 I have fewer items than in column 1, so I'd like to get rid of those extra numbers.




Thanks for your help


File Attachment:

File Name: dropdownquestion.lsq
File Size:34 KB


File Attachment:

File Name: dropdown.txt
File Size:27 KB
Attachments:
Last Edit: 4 years 2 months ago by ricardo01. Reason: attach file

Please Log in to join the conversation.

More
4 years 2 months ago #94926 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
I think I almost got it. I hid the text for the items I don't need. However, when I paste and save the javascript in the question source, the code breaks around line 847. Is there a limited amount of text that can be saved in the question source?

This is what I paste




and this is what is saved




This is my updated javascript

File Attachment:

File Name: dropdown_2...4-15.txt
File Size:69 KB





Thanks in advance for your help
Attachments:

Please Log in to join the conversation.

More
4 years 2 months ago #94931 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
Dunno why that's being truncated but you should be able to replace all of those lines with a simple loop.

Replace all of the lines like this:
$('#question174 .answer_cell_003 option[value=6]').text('').hide();


With this block:
$('#question174 .answer_cell_003 option').each(function(i){
	if($(this).val() > 5) {
		$(this).remove();
	}
});

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 2 months ago #94937 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
Thanks Tony! It worked for this example.

I need to create a similar question listing US universities (n=3492)...my javascript has 3983 lines. The problem is that when I paste it in the question source, it gets truncated around line 695.

is there a way to solve this?

ricardo

Please Log in to join the conversation.

More
4 years 2 months ago #94940 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
Try removing the script from the question source and place it at the end of template.js

Remove the opening script tag:
<script charset="utf-8" type="text/javascript">
And the closing script tag:
</script>

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 2 months ago #95351 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
OK...now a twist to my question

I've used the array number question type to create dropdown lists in each column...but what about for only one column?

For another question, I'd like to have participants enter their own text in the first three columns of an array text, but create a dropdown list for the 4 column.

how can I do this?

cheers,

ricardo

Please Log in to join the conversation.

More
4 years 2 months ago #95360 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
You should be able to use a variation of this - www.limesurvey.org/en/forum/can-i-do-thi...-text?start=10#95279

Can you attach a sample survey containing only that question?

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 2 months ago #95365 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
Thanks, Tony.

Yes, the workaround you mention worked smoothly for the multiple short text question. I hope this can be implemented on the array (texts) question.

Attached is the file. As I mentioned, I'd like to have the 4th column display a drop-down list.

File Attachment:

File Name: array_text...down.lss
File Size:16 KB
Attachments:

Please Log in to join the conversation.

More
4 years 2 months ago #95370 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
Here you go.

If your sub-question code for the fourth column is "4", then this script will insert the dropdowns:
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
 
		var qID = {QID};
 
		// Define the select element (dropdown)
		var select1 = '<select class="insertedSelect"> \
							<option value="">-- Please Choose --</option> \
							<option value="Program 1">Program 1</option> \
							<option value="Program 2">Program 2</option> \
							<option value="Program 3">Program 3</option> \
							<option value="Program 4">Program 4</option> \
						</select>';
 
		// Hide the text inputs
		$('#question'+qID+' .answer_cell_004 input[type="text"]').hide().parent().hide();
 
		// Insert the select elements
		$('#question'+qID+' .answer_cell_004').append(select1);
 
		// Initially select an option if the question has already been answered
		$('#question'+qID+' .answer_cell_004 input[type="text"]').each(function(i){
			if($(this).val()) {
				$(this).closest('td').find('.insertedSelect').val($(this).val());
			}
		});
 
		// Listener on the dropdowns - insert selected values into hidden text input
		$('.insertedSelect').change(function() {
			$(this).closest('td').find('input[type="text"]').val($(this).val());
		});
	});
</script>

I've inserted that script in the source of the question in this attached sample survey.

File Attachment:

File Name: limesurvey...2272.lss
File Size:18 KB

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: ricardo01

Please Log in to join the conversation.

More
3 years 2 weeks ago #109834 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
Hello,

I have an array question with answers in dropdown boxes...I've been using the following code but it has stopped working. The column where the dropdown boxes shoud appear are now empty...see picture below





<script type="text/javascript" charset="utf-8">
$(document).ready(function() {

var qID = {QID};

// Define the select element (dropdown)
var select1 = '<select class="insertedSelect"> \
<option value="">-- Please Choose --</option> \
<option value="Yes">Yes</option> \
<option value="No">No</option> \
<option value="Unsure">Unsure</option> \
</select>';

// Hide the text inputs
$('#question'+qID+' .answer_cell_004 input[type="text"]').hide().parent().hide();

// Insert the select elements
$('#question'+qID+' .answer_cell_004').append(select1);

// Initially select an option if the question has already been answered
$('#question'+qID+' .answer_cell_004 input[type="text"]').each(function(i){
if($(this).val()) {
$(this).closest('td').find('.insertedSelect').val($(this).val());
}
});

// Listener on the dropdowns - insert selected values into hidden text input
$('.insertedSelect').change(function() {
$(this).closest('td').find('input[type="text"]').val($(this).val());
});
});
</script>Enter the following information about your course(s):
Attachments:

Please Log in to join the conversation.

More
3 years 2 weeks ago #109868 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
What has changed on your installation.

Do you get any JavaScript errors?


.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
3 years 2 weeks ago #109910 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
the only thing that has changed is that I updated my installation...I'm now using 2.05+ (140520)

Please Log in to join the conversation.

More
3 years 2 weeks ago #109911 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
2.05 uses a different version of jQuery which may be causing some errors. Can you activate a test survey for us to see>

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
2 years 8 months ago #113816 by ricardo01
ricardo01 replied the topic: Array question with answers in dropdown boxes
Hi guys,

I'm coming back to this issiue. I want to create a with answers in dropdown boxes...I'm using the Tony's code. The problem is that the column doesn't show up...just an empty space. This is a link to an example...

ayura.udea.edu.co/limesurvey/index.php/561473/lang-es

this is the code I'm using

Disponibilidad y estado actual de la infraestructura del nivel preescolar
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {

var qID = {QID};

// Define the select element (dropdown)
var select1 = '<select class="insertedSelect"> \
<option value="">-- Please Choose --</option> \
<option value="Nuevo">Nuevo</option> \
<option value="Reparado">Reparado</option> \
<option value="Deteriorado">Deteriorado</option> \
<option value="Inservible">Inservible</option> \
</select>';

// Hide the text inputs
$('#question'+qID+' .answer_cell_004 input[type="text"]').hide().parent().hide();

// Insert the select elements
$('#question'+qID+' .answer_cell_004').append(select1);

// Initially select an option if the question has already been answered
$('#question'+qID+' .answer_cell_004 input[type="text"]').each(function(i){
if($(this).val()) {
$(this).closest('td').find('.insertedSelect').val($(this).val());
}
});

// Listener on the dropdowns - insert selected values into hidden text input
$('.insertedSelect').change(function() {
$(this).closest('td').find('input[type="text"]').val($(this).val());
});
});
</script>

Please Log in to join the conversation.

More
2 years 8 months ago - 2 years 8 months ago #113827 by tpartner
tpartner replied the topic: Array question with answers in dropdown boxes
Ah, in pre-2.05 versions the text inputs were placed inside the labels, which was poorly formed HTML. Now they are siblings of the labels.

Change this line:
$('#question'+qID+' .answer_cell_004 input[type="text"]').hide().parent().hide();

To this:
$('#question'+qID+' .answer_cell_004 input[type="text"]').hide();

So, the complete code:
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
 
		var qID = {QID};
 
		// Define the select element (dropdown)
		var select1 = '<select class="insertedSelect">\
					<option value="">-- Please Choose --</option>\
					<option value="Nuevo">Nuevo</option>\
					<option value="Reparado">Reparado</option>\
					<option value="Deteriorado">Deteriorado</option>\
					<option value="Inservible">Inservible</option>\
				</select>';
 
		// Hide the text inputs
		$('#question'+qID+' .answer_cell_004 input[type="text"]').hide();
 
		// Insert the select elements
		$('#question'+qID+' .answer_cell_004').append(select1);
 
		// Initially select an option if the question has already been answered
		$('#question'+qID+' .answer_cell_004 input[type="text"]').each(function(i){
			if($(this).val()) {
				$(this).closest('td').find('.insertedSelect').val($(this).val());
			}
		});
 
		// Listener on the dropdowns - insert selected values into hidden text input
		$('.insertedSelect').change(function() {
			$(this).closest('td').find('input[type="text"]').val($(this).val());
		});
	});
</script>

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last Edit: 2 years 8 months ago by tpartner.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now