REALi BLOG

 function FnDynInput(pStrName,pStrInputName,pStrBtnName)
 {
  var intInputCount = 0;
  var strThisName = pStrName;
  var strInputName = pStrInputName;
  var StrBtnName = pStrBtnName;
  var ObjDiv;

  FnDynInput.prototype.deleteInput = function (pintNum) {
   //alert(document.getElementsByTagName(“input”).length);
   var ObjInput = document.getElementsByTagName(“input”);
   var lintObjInputCount = ObjInput.length;
   var strTmp = “”;
   
   intInputCount = 0;
   intLoopCount = 0;
   
   for (var i = 0; i < lintObjInputCount; i++)
   {
    if (ObjInput[i].dyninput == strInputName)
    {
     if (intLoopCount != pintNum || intInputCount == 0)
     {
      strTmp += “<input type=’text’ name=’” + strInputName + intInputCount + “‘ value=’” + ObjInput[i].value + “‘ dyninput=’”+strInputName+”‘><input type=’button’ value=’del’ onClick=’” + strThisName + “.deleteInput(” + intInputCount + “);’><br>”
      intInputCount++;
      document.getElementById(StrBtnName).value = intInputCount;
     }
     intLoopCount++;
    }
    
   }
   
   ObjDiv.innerHTML = strTmp;
  }

  FnDynInput.prototype.addInput = function () {
  
   if(intInputCount < 10)
   {
    ObjDiv.innerHTML += “<input type=’text’ name=’”+strInputName + intInputCount + “‘ dyninput=’”+strInputName+”‘><input type=’button’ value=’del’ onClick=’” + strThisName + “.deleteInput(” + intInputCount + “);’><br>”
    intInputCount++;
    
    document.getElementById(StrBtnName).value = intInputCount;
   }
   else alert(“10개 이상 추가할수 없습니다.”);
  }
  
  FnDynInput.prototype.addInput2 = function (pStrText) {
   ObjDiv.innerHTML += “<input type=’text’ value=’”+ pStrText +”‘ name=’”+strInputName + intInputCount + “‘ dyninput=’”+strInputName+”‘><input type=’button’ value=’del’ onClick=’” + strThisName + “.deleteInput(” + intInputCount + “);’><br>”
   intInputCount++;
   
   document.getElementById(StrBtnName).value = intInputCount;
  }

  FnDynInput.prototype.init = function (pStrName,pArrVal) {

   var lObjTmp = document.getElementsByTagName(“div”);
   
   //ObjDiv = document.getElementsByTagName(“div”);
   
   for(var i=0;i<lObjTmp.length;i++)
   {
    if(lObjTmp[i].id == pStrName) ObjDiv = lObjTmp[i];
    //alert(pStrName);
   }

   var lArrVal = pArrVal.split(“<%=DELIMITER%>”);
   var lArrValCount = (lArrVal[0] == “”) ? 0:lArrVal.length;
   
   if (lArrValCount != 0 )
   {
    for (var i=0; i<lArrValCount; i++)
    {
     this.addInput2(lArrVal[i]);
    }
   }
   else this.addInput();
  }
 }

//========================================== 사용예

 1. 선언

   :: var koko = new FnDynInput(“koko”,”txtQuestion”,”countQuestion1″);

 2. HTML 삽입

   ::    <input type=”hidden” name=”countQuestion1″ value=”1″ >
            <table>
               <tr>
                  <td><div id=”view_001″></div></td>
                  <td valign=”top”> <input type=”button” value=”추가” onClick=”koko.addInput();”></td>
               </tr>
           </table>

 3. 값을 넘겨받는 쪽

   :: txtQuestion1,2,3,4.. 이런식으로 넘겨받는다.