<script type="text/javascript" charset="utf-8">  
  $(document).ready(function(){
 
    // Identify the questions
    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];
 
    // Initial row handling
    handleRows($('.answer-item select', q1));
 
    // Listener on the numeric input
    $('.answer-item select', q1).change(function() {
      handleRows(this);
    });
 
    function handleRows(el) {
      var numRows = $(el).val();
      $('tr.subquestion-list', q2).hide();
      $('tr.subquestion-list', q2).each(function(i){
        if(i >= numRows) {
          $('input[type="text"], select', this).val('');
        }
        else {
          $(this).show();
        }
      })
    }
  });
</script>