위에껄로 간단히 예만 보여드릴께요.
<script>
function ch_sel() {
var frm = document.form_1.sel
var num = document.form_1.sel.options[document.form_1.sel.selectedIndex].value;

if(num !=0) {
var textbox_temp = "";
for(i=0;i<num;i++) {
textbox_temp = textbox_temp + "<input type=text name=text" + i + " size=20><br>\n";
}
document.all.textbox.innerHTML = textbox_temp;
}
}
</script>

<form name=form_1>
<select name=sel onchange="javascript:ch_sel()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
<br>
<span id=textbox> </span>
</form>


이렇게 하시면 select에서 1을 선택하시면 텍스트박스가 1개, 2를 선택하시면 텍스트박스가 2개 나타납니다.

테이블을 이용하시면 더욱 보기 좋게 나열하실 수 있겠죠. 이거 참고하시면서 수정하시면 될겁니다.

밑에꺼 역시 같은 방법으로 하시면 될겁니다.

위에서 <span id=textbox> </span>사이에 &nbsp; 를 원래 넣어줬는데..안보이는군요. 뭐라도 들어가 있어야 합니다.