A solution would be to add an Array(texts) question after the Array(number) question and then use CSS and/or JavaScript to make the questions appear as one. Details of the CSS would depend on the template used.
Cheers,
Tony Partner Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The problem is that you are trying to recreate those inputs in Q1 instead of moving the originals there.
Add this to the source of Q1 (the array-numbers). It will hide the array-texts question and move its first answer row to the end of the array-numbers answer table.
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Identify some stuff
var q1ID = {QID};
var q1 = $('#question'+q1ID);
var q2 = $(q1).nextAll('.array-multi-flexi-text:eq(0)');
var q2ID = $(q2).attr('id').split('question')[1];
// Hide the array-texts
$(q2).hide();
// Move the row from the array-texts to the array-numbers
$('table.question tbody', q1).append($('.subquestion-list:eq(0)', q2));
// Fix up the array row background colours
$('#question'+q1ID+' table.question tbody tr').each(function(i){
$(this).removeClass('array1 array2').addClass('array'+(2-(i%2)));
});
});
</script>
Cheers,
Tony Partner Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.