- Posts: 4
- Thank you received: 0
Ask the community, share ideas, and connect with other LimeSurvey users!
<script type="text/javascript" charset="utf-8">$(document).on('ready pjax:complete',function() { var qID = {QID}; var inputNum = 4; // Define the select element (dropdown) var prov1 = '<select id="prov1" class="form-control">\ <option value="">-- Choose the province --</option>\ <option value="P1">PROVA</option>\ <option value="P2">PROVB</option>\ <option value="P3">PROVC</option>\ <option value="P4">PROVD</option>\ <option value="P5">PROVE</option>\ <option value="P6">PROVF</option>\ <option value="P7">PROVG</option>\ </select>'; // Hide the text input $('#question'+qID+' .question-item:eq('+(inputNum-1)+') input[type="text"]').hide(); // Insert the select elements if($('#question'+qID+' .question-item:eq('+(inputNum-1)+') select').length == 0) { $('#question'+qID+' .question-item:eq('+(inputNum-1)+') input[type="text"]').before(prov1); } var inputNum2 = 5; // Define the select element (dropdown) var select1 = '<select id="select1" class="form-control"> \ <option value="">-- Choose the country --</option> \ <option value="AF">Afghanistan</option>\ <option value="AL">Albania</option>\ <option value="DZ">Algeria</option>\ <option value="AD">Andorra</option>\ <option value="AO">Angola</option>\ <option value="AI">Anguilla</option>\ <option value="AQ">Antartide</option>\ </select>'; // Hide the text input $('#question'+qID+' .question-item:eq('+(inputNum2-1)+') input[type="text"]').hide(); // Insert the select elements if($('#question'+qID+' .question-item:eq('+(inputNum2-1)+') select').length == 0) { $('#question'+qID+' .question-item:eq('+(inputNum2-1)+') input[type="text"]').before(select1); } // Initially select an option if the question has already been answered $('#question'+qID+' select').each(function(i) { if($.trim($(this).next('input[type="text"]').val()) != '') { $(this).val($.trim($(this).next('input[type="text"]').val())); } }); // Listener on the dropdowns - insert selected values into hidden text input $('#question'+qID+' select').change(function() { $(this).next('input[type="text"]').val($(this).val()).trigger('change'); }); // Some styles $('#question'+qID+' select').css({ 'margin':'0.3em 0 0 0' }); }); </script>