- Posts: 10269
- Thank you received: 3648
Ask the community, share ideas, and connect with other LimeSurvey users!
<script type="text/javascript" charset="utf-8"> $(document).ready(function() { var qID = {QID}; // Define the select element (dropdown) var select1 = '<select class="inserted-select form-control list-question-select">\ <option value="">-- Elija por favor --</option>\ <option value="si">Sí</option>\ <option value="no">No</option>\ </select>'; // Hide the text inputs $('#question'+qID+' .answer_cell_SQ001 input[type="text"]').hide(); // Insert the select elements $('#question'+qID+' .answer_cell_SQ001').append(select1); // Initially select an option if the question has already been answered $('#question'+qID+' .answer_cell_SQ001 input[type="text"]').each(function(i){ if($(this).val()) { $(this).closest('td').find('.inserted-select').val($(this).val()); } }); // Listener on the dropdowns - insert selected values into hidden text input $('.inserted-select').change(function() { $(this).closest('td').find('input[type="text"]').val($(this).val()); }); // Clean-up styles $('select.inserted-select', thisQuestion).css({ 'max-width': '100%' }); $('input:text', thisQuestion).css({ 'position': 'absolute', 'left': '-9999em' }); }); $(document).ready(function() { var qID = {QID}; // Define the select element (dropdown) var select1 = '<select class="inserted-select form-control list-question-select">\ <option value="">-- Elija por favor --</option>\ <option value="personal">Personal</option>\ <option value="compartido">Compartido</option>\ <option value="nocorresponde">No corresponde</option>\ </select>'; // Hide the text inputs $('#question'+qID+' .answer_cell_SQ002 input[type="text"]').hide(); // Insert the select elements $('#question'+qID+' .answer_cell_SQ002').append(select1); // Initially select an option if the question has already been answered $('#question'+qID+' .answer_cell_SQ002 input[type="text"]').each(function(i){ if($(this).val()) { $(this).closest('td').find('.inserted-select').val($(this).val()); } }); // Listener on the dropdowns - insert selected values into hidden text input $('.inserted-select').change(function() { $(this).closest('td').find('input[type="text"]').val($(this).val()); }); // Clean-up styles $('select.inserted-select', thisQuestion).css({ 'max-width': '100%' }); $('input:text', thisQuestion).css({ 'position': 'absolute', 'left': '-9999em' }); }); </script>
<script type="text/javascript" charset="utf-8"> $(document).ready(function() { var qID = {QID}; // Define the select elements (dropdown) var select1 = '<select class="inserted-select form-control list-question-select">\ <option value="">-- Elija por favor --</option>\ <option value="si">Sí</option>\ <option value="no">No</option>\ </select>'; var select2 = '<select class="inserted-select form-control list-question-select">\ <option value="">-- Elija por favor --</option>\ <option value="personal">Personal</option>\ <option value="compartido">Compartido</option>\ <option value="nocorresponde">No corresponde</option>\ </select>'; // Hide the text inputs $('#question'+qID+' .answer_cell_SQ001 input[type="text"], #question'+qID+' .answer_cell_SQ002 input[type="text"]').hide(); // Insert the select elements $('#question'+qID+' .answer_cell_SQ001').append(select1); $('#question'+qID+' .answer_cell_SQ002').append(select2); // Initially select an option if the question has already been answered $('#question'+qID+' .answer_cell_SQ001 input[type="text"], #question'+qID+' .answer_cell_SQ002 input[type="text"]').each(function(i){ if($(this).val()) { $(this).closest('td').find('.inserted-select').val($(this).val()); } }); // Listener on the dropdowns to load selected values into the hidden text inputs $('#question'+qID+' .inserted-select').change(function() { $(this).closest('td').find('input[type="text"]').val($(this).val()); }); // Listener on column-1 dropdowns handle the column-2 answer $('#question'+qID+' .answer_cell_SQ001 .inserted-select').change(function() { if($(this).val() == 'no') { var thisRow=$(this).closest('tr'); $('.answer_cell_SQ002 .inserted-select', thisRow).val('nocorresponde').trigger('change'); } }); // Clean-up styles $('#question'+qID+' select.inserted-select').css({ 'max-width': '100%' }); $('#question'+qID+' input:text').css({ 'position': 'absolute', 'left': '-9999em' }); }); </script>