if you don't like the drop-downs, which in my opinion is the best solution so far,
Code:
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
// Identify the questions
var qArrayID = {QID};
var qArray = $('#question'+qArrayID);
// var arrayLength = $('tr.answers-list', qArray).length;
var qMultiText = qArray.nextAll('.multiple-short-txt:eq(0)');
// Hide the multi-short-text question
$(qMultiText).hide();
$('table.questions-list col:not(.col-answers)', qArray).css('width', 'auto');
$('table.questions-list thead tr', qArray).append('<th class="answer-text inserted-column-label" /></th>');
$('table.questions-list thead tr th.answer-text.inserted-column-label', qArray).css('width','40%');
$('tr.answers-list', qArray).each(function(i) {
$(this).append('<td class="answer-item text-item">\
</td>\
');
});
// Load the column label for the text inputs
$('.inserted-column-label:eq(0)', qArray).text($('.ls-label-question', qMultiText).text());
$('.text-item', qArray).append('<label class="ls-label-xs-visibility">'+$('.ls-label-question', qMultiText).text()+'</label>');
// Loop through the multi-short-text sub-questions
$('li.answer-item', qMultiText).each(function(i) {
// Move the text inputs into the array
$('input[type="text"]', this).appendTo($('tr.answers-list:eq('+i+') .text-item', qArray));
});
});
</script>
Topic Author
