스크립트 관련으로 질문드립니다

<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>

      <input type="text" class"class_typing1" name="class_typing1" id="class_typing1"value="<?=1?>">
    <input type="text" class"class_typing2" name="class_typing2"id="class_typing2" value="<?=2?>">
    <input type="text" class"class_typing3" name="class_typing3"id="class_typing3" value="<?=3?>">
    <input type="text" class"class_typing4" name="class_typing4"id="class_typing4" value="<?=4?>">
    <input type="text" class"class_typing5" name="class_typing5"id="class_typing5" value="<?=5?>">
    <input type="text" class"class_ct_typing" name="class_ct_typing" id="class_ct_typing" value="<?=4?>">
   <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <td style="width:100%;height:50%;">
    <select name="class_ct_typing" onChange="addInput(this.value);" class="qwe">
 <?for($i=1;$i<=5;$i++){?>
    <option value="<?=$i?>"><?=$i?>개</option>
    <?}?>
    </select>
    </td>
  <tr>
          select태그로 textarea 생성하기
    <td id="inputBox" style="height:10%;">
    </td>
  </tr>
</table>

<script>
window.onload = function() {
        var class_ct_typing = $('#class_ct_typing').val();
            $('.qwe').val(class_ct_typing).attr("selected", "selected");
    };
            </script>
 <script > 
var az = new Array();
var result = new Array();
 function addInput(inputNo) {
 var strInput = "";
 inputBox.innerHTML = "";
 for (var i=1; i <= inputNo; i++) {
 az[i] = $('#class_typing'+i).val();
 result[i] = az[i].replace(/(<br>|<br\/>|<br \/>)/g, '\r\n');
   strInput += "<textarea style='width:100%;height:200px;left:0;margin-top:10px;'>"+result[i]+"</textarea><br>";
 }
 inputBox.innerHTML = strInput; 
 }
</script>