Hi. Hope that you could help me

Is it possible to get a combination of different text boxes and sliders in one multiple numerical input question type? The participants have to fill out different questions about several people with a few attributes (=text) and a few ratings (=slider). Of course it would be possible to do two seperate questions (see screenshot), but would prefer it in one question.
Maybe this could be done with javascript?
So far I am using a script to get a short text question into an array sometimes, but as I'm a newbie to coding I'm not able to adapt it or something ...
Code:
<script>
$(document).ready(function() {
// Identify the questions
var Test = $('#question'+{QID}+'');
var Q1 = $(arrayQuestion).nextAll('.text-short:eq(0)');
// Hide the short-text question
$(Q1).hide();
// Move the hidden text input into the array
$('th.answertext:last', arrayQuestion).append($('input[type="text"]', Q1));
// Some styling...
$('input[type="text"]', arrayQuestion).css({
'text-align': 'left', 'width': '70%'
});
});
</script>
Any help would be great. Thanks in advance!