Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Multiple Short Dropdown in 2.5

badronald
Topic Author
Offline
Junior Member

More

10 years 6 months ago #133489 by badronald

Multiple Short Dropdown in 2.5 was created by badronald

I cannot seem to make it work
I have done it before.
I do have javascript enabled.

...stion_1734.lsq

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

10 years 6 months ago - 10 years 6 months ago #133494 by tpartner

Replied by tpartner on topic Multiple Short Dropdown in 2.5

There are a few problems - you don't have the qID or inputNum variables defined correctly and the jQuery selectors are for the 2.06 question structure, not the 2.50 question structure. (the question HTML structure was changed in version 2.50 which will break MANY workarounds)

Here is an updated script that should work in 2.50:

Code:

<script type="text/javascript" charset="utf-8">
 
	$(document).ready(function() {
 
		// Identify this question
		var qID = {QID};
		
		// The input row to replace with a dropdown
		var inputNum = 1;
		 
		// Define the select element (dropdown)
		var select1 = '<select id="select1" class="form-control list-question-select"> \
							<option value="">-- Please Choose --</option> \
							<option value="1965">1965</option> \
							<option value="1966">1966</option> \
							<option value="1967">1967</option> \
							<option value="1968">1968</option> \
							<option value="1969">1969</option> \
							<option value="1970">1970</option> \
							<option value="1971">1971</option> \
							<option value="1972">1972</option> \
							<option value="1973">1973</option> \
							<option value="1974">1974</option> \
							<option value="1975">1975</option> \
							<option value="1976">1976</option> \
							<option value="1977">1977</option> \
							<option value="1978">1978</option> \
							<option value="1979">1979</option> \
							<option value="1980">1980</option> \
							<option value="1981">1981</option> \
							<option value="1982">1982</option> \
							<option value="1983">1983</option> \
							<option value="1984">1984</option> \
							<option value="1985">1985</option> \
							<option value="1986">1986</option> \
							<option value="1987">1987</option> \
							<option value="1988">1988</option> \
							<option value="1989">1989</option> \
							<option value="1990">1990</option> \
							<option value="1991">1991</option> \
							<option value="1992">1992</option> \
							<option value="1993">1993</option> \
							<option value="1994">1994</option> \
							<option value="1995">1995</option> \
							<option value="1996">1996</option> \
							<option value="1997">1997</option> \
							<option value="1998">1998</option> \
							<option value="1999">1999</option> \
							<option value="2000">2000</option> \
							<option value="2001">2001</option> \
							<option value="2002">2002</option> \
							<option value="2003">2003</option> \
							<option value="2004">2004</option> \
							<option value="2005">2005</option> \
							<option value="2006">2006</option> \
							<option value="2007">2007</option> \
							<option value="2008">2008</option> \
							<option value="2009">2009</option> \
							<option value="2010">2010</option> \
							<option value="2011">2011</option> \
							<option value="2012">2012</option> \
							<option value="2013">2013</option> \
							<option value="2014">2014</option> \
							<option value="2015">2015</option> \
							<option value="2016">2016</option> \
							<option value="2017">2017</option> \
							<option value="2018">2018</option> \
							<option value="2019">2019</option> \
							<option value="2020">2020</option> \
						</select>';
 
		// Hide the text input
		$('#question'+qID+' div.question-item:eq('+(inputNum-1)+') input.text').hide();
 
		// Insert the select elements
		$('#question'+qID+' div.question-item:eq('+(inputNum-1)+') input.text').before(select1);
 
		// Initially select an option if the question has already been answered
		if($('#question'+qID+' div.question-item:eq('+(inputNum-1)+') input.text').val()) {
			$('#question'+qID+' div.question-item:eq('+(inputNum-1)+') select').val($('#question'+qID+' div.question-item:eq('+(inputNum-1)+') input.text').val())
		}
 
		// Listener on the dropdowns - insert selected values into hidden text input
		$('#question'+qID+' select').change(function() {
			$(this).next('input.text').val($(this).val());
		});
 
		// Some styles
		$('#question'+qID+' select').css({
			'margin':'0.3em 0 0 1em'
		});
	});
 
</script>

And, an updated question export:

File Attachment:

File Name: limesurvey...1537.lsq
File Size:6.36 KB

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

limesurvey...1537.lsq

Last edit: 10 years 6 months ago by tpartner.

The topic has been locked.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

10 years 6 months ago #133507 by DenisChenu

Replied by DenisChenu on topic Multiple Short Dropdown in 2.5

Maybe you can use an array text question type and this plugin : www.limesurvey.org/forum/plugins/104019-...ith-dropdwon-or-mask

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

The topic has been locked.

badronald
Topic Author
Offline
Junior Member

More

10 years 5 months ago #134886 by badronald

Replied by badronald on topic Multiple Short Dropdown in 2.5

Thank you!

The topic has been locked.

Minstrel72
Offline
New Member

More

10 years 2 months ago #139879 by Minstrel72

Replied by Minstrel72 on topic Multiple Short Dropdown in 2.5

I confirm it works perfectly. Thanks.

The topic has been locked.

Moderators: tpartner, holch

Powered by Kunena Forum

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

Multiple Short Dropdown in 2.5

File Attachment:

Lime-years ahead

Legal

About Us

Open Source