求教:根据下拉列表值来动态显示后面内容

Question

<script language="javascript">
function setid(){
  var str="";
  var addnum=parseInt(document.form1.num.value);
  for(var i=0;i<addnum;i++)
          str+=' 选项'+i+'： <input name="item'+i+'" type="text" id="item'+i+'" size="50"  maxlength="50"><br>';
  window.vt_item.innerHTML=str;
}
</script>
<form name="form1">
         <select name="num" id="num" onchange="setid()">
   <option value="0">0</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
         </select>
         项    
<div id="vt_item">
</div>  
</form>