- Posts: 33
- Thank you received: 0
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
Less
More
7 years 11 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.
I have done it before.
I do have javascript enabled.
Attachments:
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10611
- Thank you received: 3691
7 years 11 months ago - 7 years 11 months ago #133494
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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:
And, an updated question export:
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:
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
Last edit: 7 years 11 months ago by tpartner.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13910
- Thank you received: 2548
7 years 11 months ago #133507
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
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 service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
- badronald
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 33
- Thank you received: 0
7 years 10 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
Less
More
- Posts: 5
- Thank you received: 1
7 years 7 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.